StatusIndicator
Threat/status marker. Every kind pairs its Semantic color with a distinct shape so meaning survives in Mono.
Example
Section titled “Example”HostileFriendlyNeutralUnknown
NominalCautionCritical
| Prop | Type | Default | Description |
|---|---|---|---|
threat | ThreatKind | — | |
status | StatusKind | — | |
label | string | — | |
pulse | boolean | — |
States
Section titled “States”- hostile ◆
- friendly ▬
- neutral ■
- unknown ❖
- nominal/caution/critical
- pulse
Do / Don’t
Section titled “Do / Don’t”Do
Always pass a
Always pass a
label for screen readers.Don’t
Don’t invent new colors — the shape is the primary cue.
Don’t invent new colors — the shape is the primary cue.
Modes & RTL
Section titled “Modes & RTL”Colors come only from Semantic tokens, so this component re-themes automatically across Day / Night-NVG / Mono with no variant swap. It uses CSS logical properties, so it mirrors correctly in RTL.