chj93/react-seven-segment-display

react-seven-segment-display

A React and TypeScript based component that seven-segment display. 숫자를 세그먼트 디스플레이 스타일로 렌더링하는 React 및 TypeScript 기반의 컴포넌트입니다.

Used

Install

npm install seven-segment-display

or

yarn add seven-segment-display

Props

Name	Decription	Type	Default value
value	Value displayed as 1 digit number (0 ~ 9)	number
color	Color of the display segments when turned on	string?	"red"
bakgroundColor	Color of the background	string?	``

Example

import { ReactSevenSegmentDisplay } from "react-seven-segment-display";

const App = () => <ReactSevenSegmentDisplay value="9" color="red" />;

export default App;

License

MIT License