About
A confirmation dialog that interrupts the user to confirm a destructive action, such as deleting an account, before it proceeds.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Alert Dialog Basic to your project and fits it to your theme.
Code
How Alert Dialog Basic is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import AlertDialogBasic from "@/components/ui/alert-dialog-basic";
export default function AlertDialogBasicDemo() {
return (
<div className="flex items-center justify-center w-full h-screen">
<AlertDialogBasic />
</div>
);
}








