Sheet
Slide-over sheet primitive for drawers and panels.
Installation
npx shadcn@latest add @gameone/sheetRegistry dependencies: gameone-utils
Usage
import {
Sheet,
SheetContent,
SheetHeader,
SheetTitle,
} from "@/components/ui/sheet"<Sheet>
<SheetTrigger asChild>
<Button>Open</Button>
</SheetTrigger>
<SheetContent>
<SheetHeader>
<SheetTitle>Sheet Title</SheetTitle>
</SheetHeader>
</SheetContent>
</Sheet>Examples
Right
Default side sheet for navigation drawers and inspector panels.
Left
Useful for app navigation and primary side panels.
Top
Slides down from the top edge for stacked menus and announcement panels.
Bottom
Bottom sheet presentation for mobile-first actions and confirmation flows.