Back to packageRELEASE DETAILS

1.0.3

npm

7-segment-display

7 segment display component for react

Published31 Aug 2020

Direct dependencies6

Transitive dependenciesNot calculated

README

Current package documentation

Seven Segment Display

A minimal react component for seven segment display.

Installation

npm

npm install 7-segment-display --save

yarn

yarn add 7-segment-display

Playground

Example

import React from "react";
import SevenSegmentDisplay from "7-segment-display";

function App() {
    return (
        <div className="App">
            <SevenSegmentDisplay number={3}></SevenSegmentDisplay>
            <SevenSegmentDisplay ledColorOn={"green"} number={7}></SevenSegmentDisplay>
            <SevenSegmentDisplay
                ledBorder={"transparent"}
                ledColorOn={"black"}
                ledColorOff={"black"}
                number={3}
            ></SevenSegmentDisplay>
        </div>
    );
}

export default App;

Notes

The component can only display 1 digit number (0 ~ 9). Anything else will display an invalid indicator ( G segment ). To-Do: A multiple digits component

Thanks :D

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 8

Native requirements

6 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
@babel/cli Environment { "local_name": "@babel/cli", "alias": false, "peer_metadata": null }	`^7.10.5`	development
@babel/core Environment { "local_name": "@babel/core", "alias": false, "peer_metadata": null }	`^7.11.4`	development
@babel/preset-env Environment { "local_name": "@babel/preset-env", "alias": false, "peer_metadata": null }	`^7.11.0`	development
@babel/preset-react Environment { "local_name": "@babel/preset-react", "alias": false, "peer_metadata": null }	`^7.10.4`	development
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`^16.13.1`	development
react-dom Environment { "local_name": "react-dom", "alias": false, "peer_metadata": null }	`^16.13.1`	development
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`^16.13.1`	peer
react-dom Environment { "local_name": "react-dom", "alias": false, "peer_metadata": null }	`^16.13.1`	peer

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "integrity": "sha512-y5x/R6S5I0+BkvtvCZ8eyL2rv4vXsFhUUednUnZp0ZfC48o0sR6O5/cI96Dk1HPMR1ZdsDEUBbMYmye90j/mcQ==",
  "shasum": "5ec41ce973710e3df7cd24c29367585d02e645ca",
  "tarball": "https://registry.npmjs.org/7-segment-display/-/7-segment-display-1.0.3.tgz",
  "fileCount": 13,
  "unpackedSize": 12544,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTM5aCRA9TVsSAnZWagAA4KEP/196mMETLb8idPGYrFy0\n3hqezCY7DCUz6WT7cP/6Upa/ALwb5j5TniQGZkwxug+mDBKnYvyhzauiZ6y+\ne+bmEEFTMxRmeXINaE0mtk2DDIDPm25p5W9QSnqKWinX0wQzuwQdQdkXtfJz\nHlHUJFuTwZSofBirfC1+jiTynLbOsNZbzomUSCkA6paSnisPBS3CQNjgYRGV\nM7AotSb/PpC/BKTNh+ksa0vXaCxt1/fboARYKZAH9lZDgJxj5VHCi/cvEKF6\nU6libGE+avtlR888b7CMfS6EQjGMjSqLSIXb22psGUN6uHe9PozuO7pM0kAD\nH1HHLAhVw+9XYQUjNFOc4bplDLz/wNigKTkFmMxHasHCeA1bku8YE8h7NGpL\nONymGl0PEKhSuw2JzOAl+0ShjUvkei8w5HmAIE6cTjR24kKo4jj+Qiwu4lU7\nvniu2+fBjL5Z/4CL8o/rL6buqpA4jazIeSJdY67fDceyOriNwEMExgSMsI1B\nIznCEX1Ux4+Z38M60CztC8q0pXzr+6CObjKJw+5KtEVvA2NnH6wy9msBS6IQ\nE7hzD33uE9eIhMhezWps6f2KGirCPkRW/WOoiJG2gkQsymUkrw6pQKsu1Itw\nh3/q6FHbB5BD0CN5g67fXI4rVH0yC+/BuM9le53xjSJGcjATzJ0brJB+7Fj/\n72u7\r\n=Mdu/\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIGiB5+rjz7RbPVL0pTrRAAexcLGbK3X/tOXKM3mo4Nl5AiEA/0Vuy+6usb1zwsxpoAtWnRdlkU3R8BSWzfottIl0rhs="
    }
  ]
}

Repository

PENDING

arakliotisstelios/7-segment-display

Shared repository data · GitHub

License detected in repository: Not collected

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 21:02 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:01dee7269eb70419efa7266af3d7eccaf5b3c07d3b2b0d3b6b0f429db3ee7e95

Other collected versions

1.1.59 Jan 1.1.49 Jan 1.1.313 Oct 1.1.213 Oct 1.1.131 Aug 1.1.031 Aug View all collected versions →