Gauge Widget
The gauge widget provides a gauge display for a numeric value.
The gauge displays a sweeping needle and background area with minimum and maximum values. A numeric reading is also displayed.
The gauge widget animates the movement no the needle in response to large updates.
Configurable components
| Name | Description |
|---|---|
| card | Background button card component |
| primary | Button component |
Widget Properties
| Class Name | Description |
|---|---|
| min | Minimum value of the gauge. Defaults to 0. |
| max | Maximum value of the gauge. Defaults to 100. |
| value | Value to display on the gauge. Defaults to 0. |
Common CSS Properties
These CSS properties configure the underlying button component.
| Property | Description |
|---|---|
| background | Background color of the button |
| color | Text color of the button |
| border-radius | Round the button corners |
| box-shadow | Add a shadow to the button |