MissionBanner
Full-width mission state (nominal / degraded / critical) with a shape-coded status chip + message.
Example
Section titled “Example”| Prop | Type | Default | Description |
|---|---|---|---|
state | MissionState | required | |
message | string | — |
States
Section titled “States”- nominal
- degraded
- critical
Do / Don’t
Section titled “Do / Don’t”Do
Keep one banner per surface, top-anchored.
Keep one banner per surface, top-anchored.
Don’t
Don’t use for transient toasts — it is persistent status.
Don’t use for transient toasts — it is persistent status.
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.