Search sites, categories, sections, or styles.
| Prop | Type | Description |
|---|---|---|
open | boolean | Controls visibility. |
defaultOpen | boolean | Sets initial visibility. |
onOpenChange | (open: boolean, details: Dialog.Root.ChangeEventDetails) => void | Runs when visibility changes. |
onOpenChangeComplete | (open: boolean) => void | Runs after the transition. |
modal | boolean | "trap-focus" | Sets modality and focus trapping. |
disablePointerDismissal | boolean | Blocks outside-click dismissal. |
triggerId | string | null | Identifies the active trigger. |
defaultTriggerId | string | null | Sets the initial trigger. |
handle | Dialog.Root.Props["handle"] | Connects external triggers. |
actionsRef | React.RefObject<Dialog.Root.Actions | null> | Exposes dialog actions. |
children | Dialog.Root.Props["children"] | Composes the dialog. |
| Prop | Type | Description |
|---|---|---|
render | React.ReactElement | render function | Replaces the button element. |
nativeButton | boolean | Marks a native button. |
disabled | boolean | Disables the button. |
id | string | Identifies the button. |
handle (Trigger) | Dialog.Trigger.Props["handle"] | Connects an external dialog. |
payload (Trigger) | unknown | Passes data on open. |
| Prop | Type | Description |
|---|---|---|
container | Dialog.Portal.Props["container"] | Sets the portal target. |
keepMounted | boolean | Retains the portal during exit. |
| Prop | Type | Description |
|---|---|---|
transition | Transition | Sets the backdrop entrance. |
forceRender | boolean | Shows a nested backdrop. |
| Prop | Type | Description |
|---|---|---|
from | "top" | "bottom" | "left" | "right" | Sets the flip direction. |
showCloseButton | boolean | Shows the close button. Default false. |
transition | Transition | Overrides the opening spring. |
initialFocus | Dialog.Popup.Props["initialFocus"] | Sets focus on open. |
finalFocus | Dialog.Popup.Props["finalFocus"] | Sets focus on close. |
| Prop | Type | Description |
|---|---|---|
prismProps | PrismDriftProps | Configures the gradient and drift. |
children | React.ReactNode | Adds a decorative overlay. |
| Prop | Type | Description |
|---|---|---|
icon | React.ReactNode | Sets the step icon. |
children | React.ReactNode | Sets the step text. |
| Prop | Type | Description |
|---|---|---|
inviteLink | string | Sets the URL to copy. |
copyLabel | string | Labels the copy button. |
copySuccessLabel | string | Labels the copied state. |
| Prop | Type | Description |
|---|---|---|
children | React.ReactNode | Sets body, header, title, description, steps, or footer content. |
className | string | Adds CSS classes. |