A React component that simulates a 7-segment display.

npm install react-7-segment-display

import { Display } from "react-7-segment-display";

const App = () => <Display value="77" />;

export default App;

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