Confirmation Dialog

A dialog that asks the user to confirm an action.

Usage


import { ConfirmationDialog } from '@abbyyproduct/ui/components/confirmation-dialog';


<ConfirmationDialog
  open={open}
  setOpen={setOpen}
  trigger={<Button variant="destructive">Delete item</Button>}
  dialogTitle="Delete item"
  body="Are you sure you want to delete this item?"
  confirmButtonText="Delete"
  confirmButtonProps={{ variant: 'destructive' }}
  onSubmit={() => console.log('Item deleted')}
/>

Examples

Default

Changelog

2024-12-27 Example

This is an example of a changelog entry.

MyApp.tsx


import React from 'react';
 
function MyApp() {
  return <div>My App</div>;
}
 
export default MyApp;