RunningQueuedFailed
Default
Status indicators.
/render statePrimitive
Indicator
Dot, legend, and series key punctuation for data surfaces and live rows.
Indicators punctuate status and legends. Keep the label nearby and avoid using the dot as the only carrier of meaning.
RunningQueuedFailed
Playground
Props in the URL.
Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.
Loading playground.
States
Rendered matrix.
Every state maps to the same render route through the `state` query param.
RunningQueuedFailedBackground
Muted
Muted legend indicators.
/render stateProps
Public contract.
| Name | Type | Default | Description |
|---|---|---|---|
tone | 'default' | 'muted' | 'sky' | 'terminal' | 'ultra' | 'error' | default | Dot color and semantic role. |
children | ReactNode | - | Indicator label. |