Components · Tactical

OverlayPanel

A floating overlay panel for a common operating picture (COP) or map surface, anchorable to any of four corners without escaping its stage.

Live in all three modes

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

Sensor feed

Feed: ACTIVE
Track count: 14
Day

Sensor feed

Feed: ACTIVE
Track count: 14
Night-NVG

Sensor feed

Feed: ACTIVE
Track count: 14
Mono

Variants & states

  • anchor: top-left / top-right / bottom-left / bottom-right
  • title + content

Tokens used

  • --semantic-color-surface-card
  • --semantic-color-border-default
  • --semantic-color-text-primary
  • --semantic-color-text-secondary

Copy-paste

import { OverlayPanel } from 'operator-components';

<OverlayPanel title="Sensor feed" anchor="top-right">
  Feed: ACTIVE
</OverlayPanel>

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