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
HostileFriendlyNeutralUnknown
NominalCautionCritical
HostileFriendlyNeutralUnknown
NominalCautionCritical
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.)