Alert

Success, warning, error.

Alert Dialog

Reusable confirmation dialog.

How to use

Use Alert for inline messages and AlertDialog for confirmations. Copy the examples below.

1. Import

tsx
import { Alert, AlertDialog } from "@/app/components/ui";

2. Alert variants

tsx
<Alert variant="success" title="Success" description="Done." />
<Alert variant="warning" title="Warning" description="Review." />
<Alert variant="error" title="Error" description="Failed." />

3. Alert Dialog

tsx
<AlertDialog
  open={open}
  onClose={() => setOpen(false)}
  onConfirm={() => setOpen(false)}
  title="Confirm action"
  description="Are you sure?"
  confirmLabel="Confirm"
  cancelLabel="Cancel"
/>