Skip to content

SMasiu/LCD-display

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LCD-display

LCD display as an angular component.
Choose your colors,size and number range!

How to use it!

Download lcd-display-component floder
Paste it into your angular app,
and declarate it in declarations array in app.module.ts,
then you can use lcd-component

HTML selector

<app-lcd-display></app-lcd-display>

Component inputs:

  • number - Number to display. Default 0
  • backgroundColor - Display's background-color. Default #000 (black)
  • width - Digit width. Default 20px
  • height - Digit height. Default 40px
  • activeColor - Active lines color. Default rgb(243, 0, 0) (bright-red)
  • disabledColor - Disabled lines color. Default rgb(60, 0, 0) (dark-red)
  • maxNumberLength - Maximal number of digits in number. Each number with more digits then maxNumberLength'll be writen like 9*maxNumberLength for example: maxNumberLength = 3 => 999 Setting this value to null this option'll be disactiated. Default null
  • minNumberLength - Minimal number of digits in number. Each number with less digits then minNumberLength'll be writen for example: minNumberLength = 4; number = 21 => 0021 Setting this value to null this option'll be disactiated .Default null

About

LCD display as an angular component

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published