npm install 7-segment-display

Seven Segment Display

A minimal react component for seven segment display.

![](https://i.gyazo.com/3b6a38074818065bc79d1e0ccf74a509.gif)

$3

npm

``bash npm install 7-segment-display --save`

yarn

`bash yarn add 7-segment-display`

Playground

Example

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

function App() { return (


            
            
                            ledBorder={"transparent"}
                ledColorOn={"black"}
                ledColorOff={"black"}
                number={3}
            >


    );
}

export default App;``

![](https://i.imgur.com/Q6gTdPd.png)

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