Sheet
ReadyPanel anchored to an edge.
Requires radix-ui
Installation
$ npx @oratiq-js/ui add sheetCopies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.
Usage
import
import { Sheet, SheetTrigger, SheetClose, SheetPortal, SheetOverlay, SheetContent, /* … */ } from "@/components/ui/sheet";Logical sides
`start` and `end` follow the writing direction. Switch to RTL and the same sheet opens from the opposite edge — which is what a trailing panel means in that direction.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
side | "start" | "end" | "top" | "bottom" | "end" | Anchor edge. start/end are logical. |
hideClose | boolean | false | Removes the built-in close button. |
View source on GitHub → components/ui/sheet.tsx