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
- open / defaultOpen / onOpenChange
- boolean / boolean / (open) => void
- default —
- Controlled or uncontrolled visibility.
- side / size
- "left" | "right" / "sm" | "md" | "lg"
- default "right" / "md"
- Edge and width preset (288 / 360 / 440).
- dismissible / portal
- boolean
- default true / true
- Escape, backdrop, and edge-drag dismissal; portal locks body scroll.
- Trigger / Content / Title / Description / Close
- compound parts
- default —
- Composable parts sharing one context.
| 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. |