Sheet

Extends the Dialog component to display content that complements the main content of the screen.

Preview

Installation

$npx maddex add Sheet

Usage

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