Skip to content
Layout

Drawer

A slide-in panel from any edge of the viewport with configurable size.

Preview:
1280px

Drawer renders as an overlay — trigger via button in your app.

Props

PropTypeDefaultDescription
openbooleanfalseControls visibility.
onClose() => void-Fired on overlay click or Escape key.
side'left' | 'right' | 'bottom''right'Edge from which the drawer slides in.
titlestring-Drawer header title.
size'sm' | 'md' | 'lg''md'Controls drawer width (left/right) or height (bottom).