DSNiemeyer
Language

Drawer

Side panel that slides from the edge. Great for secondary forms, details, and advanced filters. Closes with Esc or overlay click.

Right side (default)

Left side

Form drawer (lg size)

Props

PropTypeDefaultDescription
openbooleanControls visibility (controlled)
defaultOpenbooleanfalseInitial visibility (uncontrolled)
onOpenChange(open: boolean) => voidCalled when open state changes
sidetop | right | bottom | leftrightEdge the panel comes from
showCloseButtonbooleantrueShow the X button in the corner

Full shadcn composition, examples, and field tables: shadcn/ui — Sheet (Radix)