KQ-027 · DRAWER
Drawer
A side panel on rails — slides in on glide, drags toward its edge 1:1, and a projected release past 40% lets it leave with the momentum it already has.
KQ-027 · DRAWER
1 filter active
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/drawer
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| open / defaultOpen / onOpenChange | boolean / boolean / (open) => void | — | Controlled or uncontrolled visibility. |
| side / size | "left" | "right" / "sm" | "md" | "lg" | "right" / "md" | Edge and width preset (288 / 360 / 440). |
| dismissible / portal | boolean | true / true | Escape, backdrop, and edge-drag dismissal; portal locks body scroll. |
| Trigger / Content / Title / Description / Close | compound parts | — | Composable parts sharing one context. |