Skip to Content

Confirmation Dialog

A high-friction dialog for destructive or irreversible actions. Requires users to type a confirmation phrase before proceeding, preventing accidental deletions or critical changes.

Component props

NameTypeDescription
valuestringText the user must type to confirm (required)
confirmMessageReactNodeMessage shown above the confirmation input
titleReactNodeDialog title
isDangerbooleanShows confirm button as danger variant
confirmLabelReactNodeConfirm button text
cancelLabelReactNodeCancel button text
onConfirm() => voidCalled when confirmed
onCancel() => voidCalled when cancelled