Components/Alert Dialog

Alert Dialog

A composable alert dialog primitive for modern product interfaces.

Interactive example

Installation

Run the CLI from your project root. Dependencies and component source are added automatically.

$npx quackelements add alert-dialog

Usage

The generated file lives in your repository, so the component API and styles remain fully editable.

example.tsx
import { AlertDialog, AlertDialogContent, AlertDialogTrigger } from "@/components/quack/alert-dialog"

<AlertDialog>
  <AlertDialogTrigger>Delete project</AlertDialogTrigger>
  <AlertDialogContent>Confirm the destructive action.</AlertDialogContent>
</AlertDialog>