Dialog.
Modal dialog with backdrop and keyboard dismissal.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
open | boolean | Yes | — | true · false | Controlled dialog visibility. |
onOpenChange | (open: boolean) => void | Yes | — | — | Notified on dismissal/close. |
title | string | Yes | — | — | Accessible dialog heading. |
children | ReactNode | Yes | — | — | Dialog body content. |
description | string | No | — | — | Supporting information below title. |
footer | ReactNode | No | — | — | Optional dialog footer actions. |