Components
Tactical React components
Twenty-five components built for operator surfaces, not storefronts, on MIT primitives, themed across all three modes, and shape-coded so meaning never rests on colour alone. Get the full system →
Tactical
StatusIndicator
APP-6 threat and status, shape-coded: never colour alone.
View component →MissionBanner
Mission-state header: nominal, degraded, critical.
View component →PTTIndicator
Push-to-talk / comms state: idle, receive, transmit.
View component →SignalReticle
Link-strength reticle, 0 to 4, degraded and lost states.
View component →OverlayPanel
COP overlay panel, four anchors, map-safe.
View component →CoordReadout
LTR-isolated coordinates, MGRS and lat/lon.
View component →BatteryIndicator
Power state by fill, number and text: never colour alone.
View component →FrequencyDisplay
Radio frequency readout with guard and emergency states.
View component →Form
Button
Three intents, five states, three sizes, on MIT primitives.
View component →Input
Labelled, mono, error states, for tactical data entry.
View component →Select
Truncating, accessible, Radix-backed.
View component →Checkbox
Indeterminate state, invalid state, one glyph that survives colour removal.
View component →Menu
Roving-focus dropdown menu with checkable items, built on Radix primitives underneath.
View component →NumericInput
Clamped spinbutton with steppers, tabular-nums, and Arrow-key increment built in.
View component →Radio
Grouped, single-select, one glyph state that reads correctly with a screen reader.
View component →Slider
Range input with a tabular-nums live readout and a dedicated disabled-state token.
View component →Switch
Binary toggle exposed as role switch, animated knob respects reduced motion.
View component →Data
Table
Numeric-aligned, selectable rows, for track lists.
View component →Breadcrumb
Trail-of-custody navigation, chevron-separated, current page announced to assistive tech.
View component →Card
Four-level elevation, keyboard-operable when it is a trigger, not just a container.
View component →Tabs
Roving tabindex, arrow-key navigation, and RTL-aware direction without extra config.
View component →Tag
Threat-coded label where colour is never the only signal, shape carries it too.
View component →Feedback
Alert / AlertStack
P-level badged alerts, priority by glyph, not just hue.
View component →Dialog
Radix-backed, focus-trapped, for confirmations.
View component →Popover
Dismissable, focus-trapped overlay content anchored to any trigger.
View component →Toast
Severity-routed toasts, critical ones interrupt with assertive live regions, the rest wait politely.
View component →Tooltip
Delay-gated tooltip that opens on hover or focus and closes on Escape.
View component →