Alert Dialog
A modal dialog that interrupts the user with important content and expects a response.
Preview
Are you absolutely sure?
This action cannot be undone. This will permanently delete your account and remove your data from our servers.
Installation
$npx maddex add AlertDialog
Usage
1<!-- @import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from ../../lib/components -->
2
3<AlertDialog>
4 <AlertDialogTrigger>Open</AlertDialogTrigger>
5 <AlertDialogContent>
6 <AlertDialogHeader>
7 <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
8 <AlertDialogDescription>
9 This action cannot be undone. This will permanently delete your account
10 and remove your data from our servers.
11 </AlertDialogDescription>
12 </AlertDialogHeader>
13 <AlertDialogFooter>
14 <AlertDialogCancel>Cancel</AlertDialogCancel>
15 <AlertDialogAction>Continue</AlertDialogAction>
16 </AlertDialogFooter>
17 </AlertDialogContent>
18</AlertDialog>