Confirm Action Alert Dialog
A dialog component for confirming destructive actions like delete operations, built on top of the Alert Dialog.
The Confirm Action Alert Dialog is a specialized dialog component built on top of the Alert Dialog that provides a consistent way to confirm potentially destructive or irreversible actions before they're executed.
It's particularly useful for:
- Deleting items (e.g., categories, posts, users)
- Performing actions that cannot be undone (e.g., clearing data, resetting settings)
- Confirming critical operations (e.g., account deletion, data migration)
- Any action where user confirmation is necessary to prevent accidental execution
Preview
Usage
import { ConfirmActionAlertDialog } from '@vitnode/core/components/confirm-action/confirm-action-alert-dialog';
import { Button } from '@vitnode/core/components/ui/button';<ConfirmActionAlertDialog
onSubmit={async ({ onClose }) => {
const result = await deleteCategoryApi(id);
if (result?.error) {
toast.error(tGlobal('errors.title'), {
description: tGlobal('errors.internal_server_error'),
});
return; // Keep dialog open on error
}
toast.success(t('success'), {
description: title,
});
onClose(); // Close dialog on success
}}
>
<Button variant="destructive">Delete Category</Button>
</ConfirmActionAlertDialog>Props
Prop
Type