Sheet
Slide-over panel component
Preview
Installation
npx shadcn@latest add @glitchcn/sheetUsage
import { Sheet, SheetContent, SheetTrigger, SheetHeader, SheetTitle, SheetDescription } from "@/components/ui/sheet"
import { Button } from "@/components/ui/button"
<Sheet>
<SheetTrigger asChild>
<Button variant="outline" size="sm">
Open Sheet
</Button>
</SheetTrigger>
<SheetContent side="right">
<SheetHeader>
<SheetTitle>Panel Title</SheetTitle>
</SheetHeader>
</SheetContent>
</Sheet>