A Seven Segment Display Component for Vue.js
npm install vue-seven-segment-display


``
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)
`
` `
value or :value:value={myValue}
- Any Number between 0-9 in String format. Default is "8"
- Use to bind value prop to myValue
:rounded
- Boolean. Default is false.
- True makes segments appear rounded, false makes it appear pointy
:segment-width:segment-height
- Number. Default is 25
- Width of a segment
on-color
- Number. Default is 5
- Height of a segment
#f00
- String. Default is
- Color when segment is on.
off-colortransparent`
- String. Default is
- Color when segment is off.