Sheet / Offcanvas
Boční panel s top/bottom/left/right pozicí
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/sheet.json
Usage
Preview
Import
import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter, SheetClose } from "@/components/ui/sheet"
Example
<Sheet>
<SheetTrigger asChild>
<Button>Otevřít</Button>
</SheetTrigger>
<SheetContent side="right">
<SheetHeader>
<SheetTitle>Titulek</SheetTitle>
<SheetDescription>Popis offcanvas</SheetDescription>
</SheetHeader>
<p>Obsah offcanvas zde</p>
</SheetContent>
</Sheet>
Dependencies
@radix-ui/react-dialoglucide-reacthttps://registry.ceskysoftware.cz/r/utils.json (registry)