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

Responsive dialog

A centered dialog from md up and a bottom drawer below it. The caller reads useMediaQuery("(min-width: 768px)") and returns Dialog or Drawer; the body is one local component rendered in both branches, so the two surfaces never drift.