StatusIndicator
ShowcaseComponentsStatusIndicator
Feedback

StatusIndicator.

Compact connected, busy, away or offline state.

Real interactive component
Live demo
OnlineBusyAwayOffline

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

3 props
ParameterTypeRequiredDefaultPossible valuesDescription
status"online" | "busy" | "away" | "offline"Yes—online · busy · away · offlineStatus dot and visual state.
labelstringNo——Optional text overriding the default status label.
classNamestringNo——Additional CSS class on the outer component element.