Components · Tactical

MissionBanner

A full-width mission-state banner for the top of an operator surface. State is carried by glyph and text as well as colour, so the read holds in Mono and NVG.

Live in all three modes

Day · Night-NVG · Mono — one component, re-themed through the token layer.

NOMINALCOP link nominal — 14 tracks held.
DEGRADEDDatalink degraded — failover active.
CRITICALPrimary link lost — manual handoff.
Day
NOMINALCOP link nominal — 14 tracks held.
DEGRADEDDatalink degraded — failover active.
CRITICALPrimary link lost — manual handoff.
Night-NVG
NOMINALCOP link nominal — 14 tracks held.
DEGRADEDDatalink degraded — failover active.
CRITICALPrimary link lost — manual handoff.
Mono

Variants & states

  • state: nominal / degraded / critical
  • message text

Tokens used

  • --semantic-color-status-nominal
  • --semantic-color-status-caution
  • --semantic-color-status-critical
  • --semantic-color-surface-raised

Copy-paste

import { MissionBanner } from 'operator-components';

<MissionBanner state="degraded" message="Datalink degraded — failover active." />

Figma: library link coming soon — gated until it's on sole-owned footing. (TODO: replace with the Community/library URL once published.)