Dialog Samples

Some might be oversized, best viewed in Full-Screen Mode. For alter dialog boxes Alert Dialog

FormScrollable

Triggers

Each button below opens a different dialog. Sizes applied via `className` on`DialogContent`: `sm:max-w-sm`, `sm:max-w-md`, `sm:max-w-lg`, `sm:max-w-3xl`.

Controlled Dialog

Demonstrates `open` and `onOpenChange` props.

State: false