Sheet
---import { Button } from "@/components/ui/button"import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger,} from "@/components/ui/sheet"---
<Sheet> <SheetTrigger variant="outline"> Open Sheet </SheetTrigger> <SheetContent> <SheetHeader> <SheetTitle>Sheet Title</SheetTitle> <SheetDescription> This is a description of the sheet. You can add any content here. </SheetDescription> </SheetHeader> </SheetContent></Sheet>Installation
Section titled “Installation”To install the sheet component, run the following command:
npx shadcn@latest add @fulldev/sheetimport { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger,} from "@/components/ui/sheet"<Sheet> <SheetTrigger asChild> <Button>Open</Button> </SheetTrigger> <SheetContent> <SheetHeader> <SheetTitle>Sheet Title</SheetTitle> <SheetDescription>Sheet Description</SheetDescription> </SheetHeader> <SheetFooter> <SheetClose asChild> <Button variant="outline">Close</Button> </SheetClose> <Button>Save</Button> </SheetFooter> </SheetContent></Sheet>