Components/Overlays & Dialogs

Drawer

@base-ui/react/drawer
npx shadcn@latest add @karan-ui/drawer
@base-ui/react/drawer•Overlays & Dialogs

Drawer Interactive Canvas

A touch-friendly sliding drawer with authentic gesture physics, drag-to-dismiss handle, and floating card mode built on Base UI.

Canvas

Props Controls

4 props
'bottom' | 'top' | 'left' | 'right' | 'start' | 'end'
boolean
Enabled
boolean
Enabled
'sm' | 'default' | 'lg' | 'xl' | 'full'