Components/Drawer

Drawer

Side panel that slides in from any edge of the screen.

Installation

Examples

Right drawer (default)

Slides from the right edge.

Right
Left
Bottom

Drawer anatomy

Header, scrollable body, and sticky footer.

Filter results

API Reference

PropTypeDefaultDescription
openbooleanControlled open state.
onOpenChange(v: boolean) => voidCalled when state changes.
side'left'|'right'|'top'|'bottom''right'Which edge the drawer slides from.
size'sm'|'md'|'lg'|'xl''md'Width (or height for top/bottom).