Sheet / Drawer

1import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter, SheetClose, Button } from "@glinui/ui"
2
3export function Demo() {
4  return (
5    <Sheet>
6      <SheetTrigger asChild><Button variant="outline">Open Sheet</Button></SheetTrigger>
7      <SheetContent>
8        <SheetHeader>
9          <SheetTitle>Settings</SheetTitle>
10          <SheetDescription>Adjust preferences.</SheetDescription>
11        </SheetHeader>
12        <SheetFooter>
13          <SheetClose asChild><Button variant="ghost">Cancel</Button></SheetClose>
14          <Button>Save</Button>
15        </SheetFooter>
16      </SheetContent>
17    </Sheet>
18  )
19}

1import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, Button } from "@glinui/ui"
2
3export function Demo() {
4  return (
5    <Sheet>
6      <SheetTrigger asChild><Button>Bottom Sheet</Button></SheetTrigger>
7      <SheetContent side="bottom">
8        <SheetHeader><SheetTitle>Quick Actions</SheetTitle></SheetHeader>
9      </SheetContent>
10    </Sheet>
11  )
12}