A react component that simulates a 7-segment display
npm install @thestarware/react-7-segment-displayA React component that simulates a 7-segment display.
npm install react-7-segment-display
``jsx
import { Display } from "react-7-segment-display";
const App = () =>
export default App;
`
| Name | Decription | Type | Default value |
| -------------- | ---------------------------------------------------------- | --------- | ------------- |
| value | Value displayed on the display (in decimal or hexadecimal) | any | null |string
| color | Color of the display segments when turned on | | "red" |number
| height | Total height of the display digits | | 250 |number
| count | Amount of digits on the display | | 2 |string?
| bakgroundColor | Color of the background | | n/a |boolean
| skew | Whether the digits are skewed or not | | false |
You can dislay a number in decimal or hexadecimal, giving its value by a number or a string.
skew` is a boolean that determines whether the digits are skewed or not. You can use it to make the display look more like a real 7-segment display.
MIT License