granite-alarmlight
A green-amber-red status indicator custom element
granite-alarmlight
A green-amber-red status indicator custom element
Usage
<granite-alarmlight status="1"></granite-alarmlight>
<granite-alarmlight status="0"></granite-alarmlight>
<granite-alarmlight status="-1"></granite-alarmlight>
<granite-alarmlight status="1" linear></granite-alarmlight>
<granite-alarmlight status="0.75" linear></granite-alarmlight>
<granite-alarmlight status="0.5" linear></granite-alarmlight>
<granite-alarmlight status="0.25" linear></granite-alarmlight>
<granite-alarmlight status="0" linear></granite-alarmlight>
<granite-alarmlight ok="-1.0" warn="0.0" ko="1.0" status="0.75" linear></granite-alarmlight>
<granite-alarmlight ok="-10.0" warn="0.0" ko="10.0" status="7.5" linear></granite-alarmlight>
Install the Polymer-CLI
First, make sure you have the Polymer CLI installed. Then run polymer serve
to serve your element locally.
Viewing Your Element
$ polymer serve
Running Tests
$ polymer test
Your application is already set up to be tested via web-component-tester. Run polymer test
to run your application's test suite locally.
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- @polymer/polymer#^3.0.0
- Released
- 2018-09-21
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 3.0+
- Browser
- Browser Independent
granite-alarmlight - Vaadin Add-on Directory
A green-amber-red status indicator custom elementView on GitHub
granite-alarmlight version 2.1.0
### Dependencies
* @polymer/polymer#^3.0.5
granite-alarmlight version 2.1.1
### Dependencies
* @polymer/polymer#^3.0.5
granite-alarmlight version 2.1.2
### Dependencies
* @polymer/polymer#^3.0.5
granite-alarmlight version 2.1.3
### Dependencies
* @polymer/polymer#^3.0.0
granite-alarmlight version 2.1.4
### Dependencies
* @polymer/polymer#^3.0.0