Dialog

A dialog is an overlay shown above other content in an application.

Preview

Code

This action cannot be undone. All of your account data will be permanently deleted.

Examples

Preview

Code

Preview

Code

This action cannot be undone. All of your account data will be permanently deleted.

Preview

Code

This action cannot be undone. All of your account data will be permanently deleted.

Preview

Code

This action cannot be undone. All of your account data will be permanently deleted.

Preview

Code

Name	Type	Default
`children`	`ReactNode` \| `((opts: DialogRenderProps) => ReactNode)`	—
`role`	`"dialog"` \| `"alertdialog"`	`'dialog'`
`id`	`string`	—
`className`	`string`	—
`style`	`CSSProperties`	—
`slot`	`string` \| `null`	—
`width`	`"lg"` \| `"md"` \| `"sm"`	—