YuhuanStudioYunUIDocs
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.

PropTypeDefaultDescription
pulsebooleanfalseAdd a pulsing halo to signal "live".
status"online" | "offline" | "busy" | "away" | "neutral"neutral

On this page