All components
Data display
Status dot
A small status dot in a tone, with an optional pulse for live states.
Preview
Preview
light
Live Degraded Down Idle
dark
Live Degraded Down Idle
Code
<StatusDot tone="ok" pulse /> Live
<StatusDot tone="danger" /> DownImport from @/components/ui.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
tone | "neutral" | "accent" | "ok" | "info" | "warn" | "danger" | "neutral" | Colour. |
pulse | boolean | false | Pulse for live/active. |