sheet-demo

1import { Button } from "@/components/ui/button";
2import {
3  Sheet,
4  SheetContent,
5  SheetDescription,
6  SheetHeader,
7  SheetTitle,
8  SheetTrigger,
9} from "@/components/ui/sheet";
10 
11export default function SheetDemo() {
12  return (
13    <Sheet>
14      <SheetTrigger asChild>
15        <Button>Open sheet</Button>
16      </SheetTrigger>
17      <SheetContent side="right">
18        <SheetHeader>
19          <SheetTitle>Notifications</SheetTitle>
20          <SheetDescription>Manage how Pane reaches you.</SheetDescription>
21        </SheetHeader>
22      </SheetContent>
23    </Sheet>
24  );
25}