Battery Indicator Element
Battery status indicator custom element.
- Uses
LitElement
, a lightweight class that extendsHTMLElement
.
Usage
</
Theming
Example
Available Variables
variable name | default | description |
---|---|---|
--charge-fill | #000 | Fill color of area that represents charge. |
--charge-fill-opacity | 1.0 | Opacity of area that represents charge. |
--background-fill | #000 | Fill color of background. |
--background-fill-opacity | 0.3 | Opacity of background. |
--status-fill | #fff | Fill color of status icon (unknown, alert, charging). |
--status-fill-opacity | 1.0 | Opacity of status icon (unknown, alert, charging). |
--percentage-font-size | 16px | Font size of the percentage. |
--percentage-color | #000 | Color of the percentage. |
Browser Support
This element requires ES2015 language features and the following browser APIs:
Development
npm ci
npm start
- http://localhost:8080
To Do
- Make status scale to fill container with percentage
- Add test suite