Dialog

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

Preview

Installation

$npx maddex add Dialog

Usage

1<!-- @import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from ../../lib/components -->
2
3<Dialog>
4  <DialogTrigger>Open</DialogTrigger>
5  <DialogContent>
6    <DialogHeader>
7      <DialogTitle>Are you absolutely sure?</DialogTitle>
8      <DialogDescription>
9        This action cannot be undone. This will permanently delete your account
10        and remove your data from our servers.
11      </DialogDescription>
12    </DialogHeader>
13  </DialogContent>
14</Dialog>