Components · Feedback
Dialog
A focus-trapped modal dialog on Radix, for confirmations and detail views. Title, description, content and footer slots; escape and overlay dismissal.
Live in all three modes
Day · Night-NVG · Mono — one component, re-themed through the token layer.
Variants & states
- trigger
- title + description
- footer actions
- controlled open
Tokens used
--semantic-color-surface-card--semantic-color-surface-base--semantic-color-border-strong--semantic-color-text-primary
Copy-paste
import { Dialog, Button } from 'operator-components';
<Dialog trigger={<Button intent="primary">Confirm</Button>}
title="Confirm engagement"
description="Weapons hold will be lifted." />Figma: library link coming soon — gated until it's on sole-owned footing. (TODO: replace with the Community/library URL once published.)