Dialog

Opens in four steps rather than on a curve, with one pass of the beam down the panel.

pulls in@base-ui/reactlucide-react@afterglow/theme

Installation

npx shadcn@latest add @afterglow/dialog

Composition

Component structure.

Dialog
├── DialogTrigger
└── DialogContent
    ├── DialogHeader
    │   ├── DialogTitle
    │   └── DialogDescription
    ├── DialogFooter
    └── DialogClose
DialogPortal
DialogOverlay

API Reference

DialogContent

The portal, the backdrop and the popup in one part, so the usual three levels of nesting are not repeated at every call site.

Prop	Type	Default
showCloseButton	boolean	true

DialogPortal

Exported for the case where the backdrop or the popup has to be placed by hand. DialogContent renders both already.

DialogOverlay

Base UI's Backdrop, under our name.

Everything else is Base UI dialog's API, documented there.