PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.6

npm

7-segment-display

7 segment display component for react

7digitclockcomponentdigitaldisplaylednumberreactsegmentseven
Published31 Aug 2020
Direct dependencies7
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 10

Native requirements
7 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@babel/cli
Environment
{
  "local_name": "@babel/cli",
  "alias": false,
  "peer_metadata": null
}
^7.10.5development
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.11.4development
@babel/preset-env
Environment
{
  "local_name": "@babel/preset-env",
  "alias": false,
  "peer_metadata": null
}
^7.11.0development
@babel/preset-react
Environment
{
  "local_name": "@babel/preset-react",
  "alias": false,
  "peer_metadata": null
}
^7.10.4development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^16.13.1development
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^16.13.1development
prop-types
Environment
{
  "local_name": "prop-types",
  "alias": false,
  "peer_metadata": null
}
^15.7.2development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^16.13.1peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^16.13.1peer
prop-types
Environment
{
  "local_name": "prop-types",
  "alias": false,
  "peer_metadata": null
}
^15.7.2peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-pawXxuA8napShgY19rUraqldfBoGoAZX6gLhaGv7wm9680fI1/0UUIfW/PR60m7J5cY3vl7oKiv/I6qkVkVM4Q==",
  "shasum": "b38c8b3bb6a27ff22ec245a276cedc4860284bc2",
  "tarball": "https://registry.npmjs.org/7-segment-display/-/7-segment-display-1.0.6.tgz",
  "fileCount": 13,
  "unpackedSize": 13445,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTNOUCRA9TVsSAnZWagAADt4P/2NGnny9f/JTyWmU5E7S\n9or9lufHCxCb5qa09qsWkLm+Cn5K8IRGWmt9s1brMK1vXiCZ3vBayJdTPXCH\nIkquqTMsNGyZaWtPGuGdLBYGXmskdoFojAmPjhzHXsMbg1hUEqox9D1oXr1p\nYiyd+vW7JYeFCQpLF6T5jxa5mlN8DV5/oZC8RPcG7Qc6dUdS/L2QBDFoXD+2\n50ztD3TPRdgvADZkxK2+cqGCym86CI3syzRfJEWRO20/Mo4KVAfnyQ+cudG9\n2H6Y/UwZnfO/utDq0pY6q7+vt4t/XYCXLgwearLlBTTe1oOqVAlYncGcg7So\nCVXGk4Deb5arKqM2jlZzg5agy1TZ/JTRFBBz3G/VXvolFRIutzv+Su72cxPL\n2WrQYkwn39ptjLbJmE9EUojGbWYMbfBgcXSlt8HLe6Yb71t/04NT26ZPWjde\n5B/I2gIgJ917D2wVByz/fM3cU2BmtThgk4HEFD/FHWMU7wKGtksnDLf86LB5\nuth8OFdZhfbrQBmca8n41e791D+Bp7STXedQGvcPiTjy7oQNrdUF0YmJaxJF\nCIFpn39qRROE+lpcRi2G3HSE/+VBpUnOwxKXCkn5DzaHy9UQBkrtCb2geJUE\nS1tOotsF1TYS//LPmr46wSMVcEwZpxZzBjFNo0VyR1IK0oiKhtH0bQYgKgg8\nOn1U\r\n=Wp9C\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEYCIQCwESljLcTrEMh4sclleRQgEePzt4z2jYACKZQDpZruKAIhAMBVD1r0/6xdLJhTdYBaoC5110JWFI0g5J6Pu1nCGSXG"
    }
  ]
}

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:73bb44ef1a00b10ff9bbab16b0ade900c89d8a8d8890907eba3c8bc0a959a9eb

Other collected versions

1.1.59 Jan1.1.49 Jan1.1.313 Oct1.1.213 Oct1.1.131 Aug1.1.031 AugView all collected versions →