Dialog

const Dialog: React.FC<DialogProps>

Defined in: src/components/feedback/Dialog/Dialog.tsx:54

Dialog component for modal overlays in editor interfaces.

Renders an accessible modal dialog with overlay, focus trap, and keyboard support. Compound component pattern: use with DialogHeader, DialogBody, DialogFooter, and DialogClose.

Example

<Dialog open={isOpen} onClose={() => setIsOpen(false)} title="Confirm">
  <DialogHeader>Confirm Action</DialogHeader>
  <DialogBody>Are you sure?</DialogBody>
  <DialogFooter align="right">
    <Button onClick={() => setIsOpen(false)}>Cancel</Button>
    <Button variant="filled">Confirm</Button>
  </DialogFooter>
</Dialog>