Components · Tactical

StatusIndicator

A tactical status indicator that pairs affiliation and status with a distinct shape and glyph, so meaning survives with the colour stripped. Affiliation follows the APP-6 / MIL-STD-2525-inspired framework: hostile, friendly, neutral, unknown.

Live in all three modes

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

HostileFriendlyNeutralUnknown
NominalCautionCritical
Day
HostileFriendlyNeutralUnknown
NominalCautionCritical
Night-NVG
HostileFriendlyNeutralUnknown
NominalCautionCritical
Mono

Variants & states

  • threat: hostile / friendly / neutral / unknown
  • status: nominal / caution / critical
  • pulse (attention)

Tokens used

  • --semantic-color-threat-hostile
  • --semantic-color-threat-friendly
  • --semantic-color-status-critical
  • --semantic-color-text-secondary

Copy-paste

import { StatusIndicator } from 'operator-components';

<StatusIndicator threat="hostile" label="Hostile" />
<StatusIndicator status="critical" label="Critical" pulse />

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