Components

StatusDot

Minimal tone-coded status dot with optional pulse.

StatusDot is a compact, label-free status indicator.

Example

Preview

import { StatusDot } from '@officina/ui';

<StatusDot tone="success" pulse />
<StatusDot tone="danger" />

Prop	Type	Default	Description
pulse	boolean	—	Animate a pulsing ring to signal a live/active state.
tone	enum	neutral	Semantic colour of the dot.

StatusLabel

Labeled status pill with tone, optional dot, and pulse.

Badge

Compact status and category labels with six semantic tones and an optional dot.