Feedback
Status Indicator
A small coloured presence dot — online / busy / away / offline — optionally labelled and pulsing.
A small coloured dot for presence — is this provider online, is this worker busy, is this key still live. Optionally labelled, and optionally pulsing when the state is genuinely live rather than last-known.
For an async job's progress use InlineStatus; for an approval state use StatusBadge.
Import
tsx
1import { StatusIndicator } from "@yuhuanowo/yunui";Statuses
Statuses
OnlineBusyAwayOfflineUnknown
Pulse
pulse adds a halo. Use it only when the value is being updated live — a pulsing dot on a cached value tells the reader something that isn't true.
Pulse
Streaming
Props
StatusIndicator also forwards any <span> HTML attributes.
| Prop | Type | Default | Description |
|---|---|---|---|
| pulse | boolean | false | Add a pulsing halo to signal "live". |
| status | "online" | "offline" | "busy" | "away" | "neutral" | neutral |