X-UI LogoX-UI

AlertDialog

A modal dialog for confirming destructive actions or important decisions.

tsx
import { AlertDialog } from '@xdev-asia/x-ui-react';
tsx
<AlertDialog
  isOpen={isOpen}
  onClose={() => setIsOpen(false)}
  title="Delete Item"
  description="Are you sure? This cannot be undone."
  onConfirm={handleDelete}
/>

Props

  • isOpen - Controls visibility
  • title - Dialog title
  • description - Dialog description
  • onConfirm - Confirm action callback
  • onClose - Cancel/close callback