A Seven Segment Display Component for Vue.js

``
npm install --save vue-seven-segment-display

// esm import
import SevenSegmentDisplay from 'vue-seven-segment-display';

// cjs import
const SevenSegmentDisplay = require('vue-seven-segment-display');

// script tag import (window.SevenSegmentDisplay)

`

$3

`

`

value or :value
- Any Number between 0-9 in String format. Default is "8"
- Use :value={myValue} to bind value prop to myValue

:rounded
- Boolean. Default is false.
- True makes segments appear rounded, false makes it appear pointy

:segment-width
- Number. Default is 25
- Width of a segment

:segment-height
- Number. Default is 5
- Height of a segment

on-color
- String. Default is #f00
- Color when segment is on.

off-color
- String. Default is transparent`
- Color when segment is off.