StatusIndicator
Colored dot with optional label for real-time status display.
Installation
Examples
All states
Online, offline, busy, away, and idle.
Online
Busy
Away
Idle
Offline
With avatar
Status dot on an avatar indicates user presence.
Alex — Online
Sarah — Busy
Marcus — Offline
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| status* | 'online'|'offline'|'busy'|'away'|'idle' | required | Status value. |
| label | string | — | Visible label beside the dot. |
| size | 'sm'|'md'|'lg' | 'md' | Controls dot size. |
| pulse | boolean | — | Animates the dot (auto true for online). |