Feedback & Status
Confirmation Dialog
A high-friction dialog for dangerous or irreversible actions. Requires users to type a confirmation phrase before proceeding, preventing accidental deletions or critical changes.
Component props#
| Name | Type | Description |
|---|---|---|
| value | string | Text the user must type to confirm (required) |
| confirmMessage | ReactNode | Message shown above the confirmation input |
| title | ReactNode | Dialog title |
| isDanger | boolean | Shows confirm button as danger variant |
| confirmLabel | ReactNode | Confirm button text |
| cancelLabel | ReactNode | Cancel button text |
| onConfirm | () => void | Called when confirmed |
| onCancel | () => void | Called when cancelled |