Dialog

Examples

Basic

With form

Edit field

Single-field editor: a DialogHeader composing DialogTitle + DialogDescription, the field, and a DialogFooter with the action.

Alert dialog

Without close button

Credenza (responsive)

Credenza renders a centered dialog on desktop and a bottom drawer on mobile from the same markup, using CredenzaTrigger / CredenzaContent / CredenzaHeader / CredenzaTitle / CredenzaBody / CredenzaFooter.