PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.1.3

npm

7-segment-display

7 segment display component for react

7digitclockcomponentdigitaldisplaylednumberreactsegmentseven
Published13 Oct 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-j+qNuVLQkZjajdi23A4VXwcQ+SK7vkJjiTbDQBUv6YIlJEYtzHOq5C+5BqqyRArIVq/F7dG0DfzUrbjn/3oMBQ==",
  "shasum": "68d5fbea71696572545d2747d06179b9dc1351d7",
  "tarball": "https://registry.npmjs.org/7-segment-display/-/7-segment-display-1.1.3.tgz",
  "fileCount": 14,
  "unpackedSize": 20764,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhZI8CRA9TVsSAnZWagAAC7cP/1XBwIrORZA5/tsnKSy0\nb4CgWasigBRimTKWJhuaicsYd4V/cWbLj4+xPYGSpFwnhrTLaFgsa4gYs+9W\nnLzSEXA2FAsK8whCkGwpIR7KDMJhW9Rrcffw4CMVKUeX2h5g87/iIPN9lpVi\nfe+Qt/J0ljp0H6OMT5JhDQLkFGW9Xu4BToJzRUyJY71QukWIMfzpwG2cJSit\nM9/oiD06MsjauoLfgn4go/WOHyokMDvo9jh1xR6n6MNXukxtlsOpl0zeKXtS\n8N+IdTYsZzmk1UWI9xg6UuKiid6M7BHa12Sn0HnDBLnOmZ4fecoG9hKXlySk\npA/J2pOSqm0DGj1ncGxyBfmd/FG+7CHW/vcUaa2ME/xIDNV+jMd9uottddEi\njJQfimttpYu9+CM+T10XrtxcoBPY0iyL5EOIfzwwPTvCOcJDvlsfZQBG3SLG\n76KyPISUT6tql+ZOCJ2wUMja9HWiSIAbODGyrpyexbtmMWybsd+/kgB+0GdC\nFBp5AtQ/pppxwTToQT/oFw6DAUmz/6n6xsyvwqLv1HXQvqOy2xdRVHsgrHgR\nnajWQNmxskM5ueH2zOtWJhlMLW80tIGIceJR3NWgclQs5jUyIK97gXrKjOVw\nsn06HldgPam/ljqoch7KHlQZn7v7qWgP6e0C0N0ZZRxKAUrHGqnXT7sK5NBD\nua94\r\n=KnMW\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQCiGLSVwMHdnSaENC/vmzRoQMg66DRcaJYf9Ox1G5XyMQIgWvVwUoFh9oC6m22glzseCcZffYyf8/arGOvYTvsDOdw="
    }
  ]
}

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:5d3be6282e83d5bcf35fc0a475556d88fd07db406a1b2e4b7b81f578c55a5693

Other collected versions

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