Components · Feedback
Popover
A Radix-Popper-anchored popover: content is portalled, traps focus while open, and dismisses on outside pointer-down or Escape without needing extra wiring.
Live in all three modes
Day · Night-NVG · Mono: one component, re-themed through the token layer.
Variants & states
- side / align placement
- controlled / uncontrolled open state
- collision avoidance
Tokens used
--semantic-color-surface-card--semantic-color-text-primary--semantic-color-border-default--semantic-elevation-3
Copy-paste
import { Popover, PopoverTrigger, PopoverContent } from 'operator-components';
<Popover>
<PopoverTrigger>Sensor detail</PopoverTrigger>
<PopoverContent side="right" align="start">
Link quality nominal, last ping 4s ago.
</PopoverContent>
</Popover>Figma: library link coming soon. Gated until it's on sole-owned footing. (TODO: replace with the Community/library URL once published.)