https://github.com/recordevolution/widget-value
Display an array of Numbers and Units
https://github.com/recordevolution/widget-value
dashboard-widget
Last synced: 12 days ago
JSON representation
Display an array of Numbers and Units
- Host: GitHub
- URL: https://github.com/recordevolution/widget-value
- Owner: RecordEvolution
- Created: 2023-11-08T09:23:53.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2026-01-10T19:19:21.000Z (about 1 month ago)
- Last Synced: 2026-01-11T05:47:39.371Z (about 1 month ago)
- Topics: dashboard-widget
- Language: TypeScript
- Size: 2.14 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# \
This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.
## Installation
```bash
npm i @record-evolution/widget-value
```
## Usage
```html
import '@record-evolution/widget-value/widget-value.js'
```
## Expected data format
Please take a look at the src/default-data.json to see what data is expected to make the widget show content.
The following format represents the available data :
```js
data: {
settings: {
title: string,
subTitle: string,
minGauge: number,
maxGauge: number,
style: {
needleColor: string,
sections: number,
backgroundColor: string[]
}
}
gaugeValue: Number
}
```
## Local Demo
```bash
npm start
```
To run a local development server that serves the basic demo located in `demo/index.html`