Drawer

Presents mobile-first actions or content in a bottom panel with swipe dismissal and optional snap points.

@rivetui/drawer

Preview

Explore each composition interactively, then open its code in the same context.

Deployment / Mobile actions

Production deployment

Keep the current view visible while presenting focused actions.

Snap points accept viewport fractions, pixels, or rem values and can be controlled.

Registry

Add the component source and its declared dependencies with the shadcn CLI.

Install component

$bunx --bun shadcn@latest add @rivetui/drawer

Public interface

Component-specific props are listed here. Native element and Base UI props continue to pass through.

Prop	Type	Default
`open`	`boolean`	`—`
`defaultOpen`	`boolean`	`false`
`onOpenChange`	`(open: boolean, details) => void`	`—`
`snapPoints`	`(number \| string)[]`	`—`
`snapPoint`	`number \| string \| null`	`—`
`defaultSnapPoint`	`number \| string \| null`	first snap point
`onSnapPointChange`	`(snapPoint: number \| string \| null, details) => void`	`—`
`snapToSequentialPoints`	`boolean`	`false`
`modal`	`boolean \| "trap-focus"`	`true`

Prop	Type	Default
`showHandle`	`boolean`	`true`
`className`	`string`	`—`