react-led-display

React LED Component.

Usage no npm install needed!

<script type="module">
  import reactLedDisplay from 'https://cdn.skypack.dev/react-led-display';
</script>

README

react-led-display

Simple LED display control for numeric values 0 - 9

Install

npm install react-led-display

Demo

Props

 <ReactLEDDisplay
    displayValue="4"    /* numeric value 0-9 */
    width="32"          /* maximum width of display panel */
    ledSize="2"         /* thickness of each led in pixels */
    foregroundCol="lightgreen"  /* Active LED color */    
    backgroundCol="darkgreen"/> /* Inactive LED color */
    skew=-7 /* Skew panel*/

Example

 <ReactLEDDisplay displayValue="1" width="18" ledSize="1" foregroundCol="lime" backgroundCol="darkgreen" skew="-6"/>