Dialog
Asks for a decision or a short input before the user moves on.
API Reference
The Dialog component wraps the Radix dialog in a div with role="dialog" (alertdialog when destructive) that adds a title, body and actions. Put DialogAlert in alert for a side effect, and wrap footer buttons in DialogClose to close it.
| Prop | Type | Default |
|---|---|---|
open | boolean | false |
title | string | — |
description | string | — |
variant | "default""destructive" | "default" |
alert | ReactNode | — |
footer | ReactNode | — |
onOpenChange | (open: boolean) => void | — |
trigger | ReactNode | — |
children | ReactNode | — |