PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.7

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-YrD8Y76IOAmY9ei6C/tPN9WhaidG+mlv3aCw9lBAwIqIZVcB8UjB3iR+6stTs5XfeMbS4MM8pATse0yVcd5vjA==",
  "shasum": "6000922adbcc29ec63ef5f18f16da25c668d5478",
  "tarball": "https://registry.npmjs.org/7-segment-display/-/7-segment-display-1.0.7.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\nwsFcBAEBCAAQBQJfTNUqCRA9TVsSAnZWagAADPUQAJmKfgMKaY4+E8tScGAC\nKkQIwC0PRO3Yg9eoKlk1eL8ZdwhZ3nR9gowJqLdnAjn5/woQ/px/v6qEsdg6\nv4MJomue8Cs9Z+B5BM7GlPK/Z7P3oh3HC3ZuoTXY2kNbSJUElqipBIWHt5ki\nilYuvY2Z+YPJSKwK2tQYJeh1bjAeJMWwyizDtEyy+avzQu/7N8BKpiIfLGGv\nS4W4K737SnEE5g3GGQfjR9n5eVjt+jD76oqCRS/b9lvANjVlov2IlwxUHPO+\noCIJtb7rq+M9dzsLwmkbilrKrJoNF/xnKRxyo56BUu0LHGsr+at2kB5e2NyV\na6O68lb3hXvxigQMUZR/FOQOZpGmSOVDfmSxDq8f1/Pd1aqQuHxKN89np5GE\ncK70FMDST/H4wilbLIUeap3vGx55wSlSQpMGGEKb/GgcUE+HfqpRROAO3SzQ\nhYcncjTU8r/Xe3u/ftQpg9knMCGlmw5UDPTjoNe6pPlMPZBC8qgyY6E2duLZ\nRWmVV1jtj4QXORO6JcPz9Z4SVVDKIVB7lDR8EIkI0aXkTHXhHX1UDlBzy5g1\n5AA6i3duyUY/bf5Ge8mKXtdRb1IyyWIypbvvN8iThtbOc8aXsPYLu8utdk5o\nyeb2rLPDjUQMuJnC2QJ7lAjA08DMcw25VFZzWLl0AJH9xjOe/4eQMzcjoapU\n3/ZU\r\n=8oht\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEYCIQDrCWltSl6eEUmMPhPAdpddO/DbQayDtVqumWSYfHGh2gIhAItQYSUzDx32aBmiGNAvZzjp7mH9xGUcG0MgqQHvnWzW"
    }
  ]
}

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:3dc3779353d85de84bba51accc730794eafb92c3d32872de5f6aa0b6782aa69e

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 →