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 |