AlertDialog
Overlays

AlertDialog.

Confirmation dialog for important choices.

Real interactive component
Live demo

Delete item?

Are you sure you want to continue?

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.

9 props
ParameterTypeRequiredDefaultPossible valuesDescription
openbooleanYes—true · falseControlled confirmation state.
onOpenChange(open: boolean) => voidYes——Visibility change callback.
titlestringYes——Confirmation heading.
onConfirm() => voidYes——Executes confirmed action.
descriptionstringNo——Supporting question/warning.
actionLabelstringNoConfirm—Confirm button text.
cancelLabelstringNoCancel—Dismiss button text.
dangerbooleanNofalsetrue · falseStyle action as destructive.
childrenReactNodeNo——Optional further content.