Directory

← Back

granite-alarmlight

A green-amber-red status indicator custom element

Author

Contributors

Rating

Published on webcomponents.org

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

(Loading compatibility data...)

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
Online