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
openboolean—Controlled open state.
onOpenChange(v: boolean) => void—Called 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).