DialogConfirmation

The DialogConfirmation component provides a standardized confirmation dialog with customizable title, description, and action buttons — designed for critical user decisions.

Basic Example

Trigger a confirmation dialog with a title, description, and confirm/cancel actions.

Props

Properties available for customizing the confirmation dialog.

  • title: string — Dialog title shown at the top.
  • description: string — Short message describing the action or context.
  • open: boolean — Controls whether the dialog is open.
  • close: () => void — Callback to close the dialog.
  • action: () => void — Function executed when confirming.
  • loading?: boolean — Optional flag to display loading state on the confirm button.
  • cancelButtonLabel?: string — Custom label for the cancel button.
  • confirmButtonLabel?: string — Custom label for the confirm button.

Custom Labels & Async Action

The dialog supports async actions and custom button labels for flexible UX flows.

Integration Example

Example usage within a settings or management screen to confirm irreversible actions.

Deactivate Account

You can use DialogConfirmation to prompt users before performing destructive actions.