Status Indicators
Visual cues representing system status, progress, and quantities.
Status Dot
Small animated indicators to represent live statuses like online, offline, or busy.
Online
Away
Busy
Offline
Progress
A linear status component representing task completion.
Definite (30%)
Indeterminate
Meter
A visual representation of a scalar value within a known range.
Server CPU Load45%
Battery Level100%
StatusDot API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
intent | string | 'default' | Color intent: 'default', 'success', 'warning', 'danger', or 'info'. |
ping | boolean | true | Whether to show the animating radar ring. |
Progress API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Progress percentage (0-100). |
indeterminate | boolean | false | If true, displays an animated endless loading bar. |
intent | string | 'default' | Color intent: 'default', 'success', 'warning', 'danger', or 'info'. |
Meter API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Current measurement value. |
min | number | 0 | Minimum bounds. |
max | number | 100 | Maximum bounds. |
lowThreshold | number | 33 | Upper bound of the low range. |
highThreshold | number | 66 | Lower bound of the high range. |
optimum | number | 50 | Optimal value, determines color direction (e.g. if 0 is optimal, high values turn red). |
label | string | '' | Screen reader label and visible label text. |
showLabel | boolean | false | Whether to render the label text visibly. |