Glasswave UI

AlertDialog

Dialog component for critical confirmations.

Alert Dialog

Installation

1pnpm dlx shadcn@latest add @glasswave/alert-dialog

Usage

1import {2  AlertDialog,3  AlertDialogTrigger,4  AlertDialogContent,5  AlertDialogHeader,6  AlertDialogTitle,7  AlertDialogDescription,8  AlertDialogFooter,9  AlertDialogCancel,10  AlertDialogAction,11} from "glasswave";
1<AlertDialog>2  <AlertDialogTrigger>Open</AlertDialogTrigger>3  <AlertDialogContent>4    <AlertDialogHeader>5      <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>6      <AlertDialogDescription>7        This action cannot be undone. This will permanently delete your account and remove your8        data from our servers.9      </AlertDialogDescription>10    </AlertDialogHeader>11    <AlertDialogFooter>12      <AlertDialogCancel>Cancel</AlertDialogCancel>13      <AlertDialogAction>Continue</AlertDialogAction>14    </AlertDialogFooter>15  </AlertDialogContent>16</AlertDialog>

API Reference

Built on Radix UI Alert Dialog.

AlertDialogAction

PropTypeDefault
variant"default" | "destructive""default"