Back to packageRELEASE DETAILS

1.0.2

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-dDs6xtzSgFHXJaRk7XACbkHQi902hylW+9nCzownednZAwtZOKBSR+O50fyeglVtL1qiuvNflSeX+UrOa0YO3A==",
  "shasum": "ce7d01bbca46aed0579449e0e4b5264bfee6c753",
  "tarball": "https://registry.npmjs.org/7-segment-display/-/7-segment-display-1.0.2.tgz",
  "fileCount": 15,
  "unpackedSize": 13975,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTMp2CRA9TVsSAnZWagAAz2oP/iZbs3kKkDlMk84N8xD2\nv0CPhXsH5nriiPNSgbNUbnCwWSbixheaXzaAyxeTrBihJNFqQJDW4klSlIW/\nkzd5Xte/WxWJAZtAPvhj2yJEz79jafWQ74D9cOxJq6Okd2n7iInWONqvdkQE\nfB07TLImO8/tHak8LYemLegGUFU/wP4D1rKEiAW+RJWNnfs6jJvscvjNWqJC\n+VElx+AGw1tmbd4LkTM/GwYTbPd/8rcK4ivpIolFWnbZUAlcCKy3r6PS/kCA\nym5vHY2rxMSi1Cbrcxy5QP/p1o3jFurGEcOHAuU2XXXPH5SSI9Upb40B1wWM\nYmi7uyKq5SgIaBnyLGgX2cBbcNtDDDyJlqdgChaEukrp6RkVRS7hdMiHXEhY\nr714ZnEbZLNCc3Hdj4gVoRXMvJ9WI4IQsN1E2d908uy5/mggxQvu2NVrbA1H\n62SxiWB/cSrVWK20t6vhv2rAg/yQqJQJjxN5h/4ptBm5r/ZRxTGTVkU3yQEo\norRrExHw3wRUSzdaVytk1S8MzzMfF8qv/biBjSpWvTnzpRljbFS6LYLZrREc\nohVYDkvtVh8m8fcCCig7UsVnX58M1Jy5LNsDBHiW0WrKvz8b20f48OwJkLUu\n0HcM2ND7m5/1XGH/LiMeYfVbT8y5sUw8k4O7G0cWMiahyrEoitTA9Z4vVzHM\ntnW9\r\n=Ybxr\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEQCIFlc+99j2FLy1uEX6zors/lJGESo6TcOJkSd6WQMtKSKAiAqwtql+hTcMUG3MTp1BH1DCQKKEUQqji4nq839kw5Klw=="
    }
  ]
}

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:41e3c9384ebdc5cdcc971b05bd3a3b3e8b25fe5f6352a0dca37e2b5d48c53c37

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 →