Sheet

Edge drawer (right, left, top, bottom) sharing the Dialog engine — bottom sheets get a grab handle.

5 files · 329 locdeps: clsx, tailwind-merge

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/sheet.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs sheet

Usage

import { Sheet, SheetTrigger, SheetContent } from "@/components/opus/ui/sheet";

<Sheet>
  <SheetTrigger><Button>Filters</Button></SheetTrigger>
  <SheetContent side="right">…</SheetContent>
</Sheet>

API

Prop	Type	Default	Description
side	"right" \| "left" \| "top" \| "bottom"	"right"	Edge to slide from (on <SheetContent>).

← PreviousDialog Next →Tooltip