Drawer layoutoverlay

Slide-in panel from any edge. Supports swipe-to-open, backdrop dismiss, and nested drawers.

API Reference

<Drawer>

Prop	Type	Default
open	—	`false`
closeOnBack	boolean	`true`
closeWatcherAndroidOnly	boolean	`true`
position	'top' \| 'right' \| 'bottom' \| 'left'	`'bottom'`
variant	'default' \| 'straight' \| 'inset'	`'default'`
modal	—	`true`
dismissible	boolean	`true`
closeOnInteractOutside	—	required
closeOnEscape	—	required
onOpenChange	(details: DrawerOpenChangeDetails) => void	required
beforeClose	() => void	required
children	—	required

<Drawer.Backdrop> extends HTMLAttributes

All props inherited from HTMLAttributes.

<Drawer.CloseTrigger> extends ArkCloseTriggerProps

All props inherited from ArkCloseTriggerProps.

<Drawer.Content>

<Drawer.Grabber> extends DrawerGrabberProps

All props inherited from DrawerGrabberProps.

<Drawer.GrabberIndicator> extends DrawerGrabberIndicatorProps

All props inherited from DrawerGrabberIndicatorProps.

<Drawer.Indent> extends DrawerIndentProps

All props inherited from DrawerIndentProps.

<Drawer.IndentBackground> extends DrawerIndentBackgroundProps

All props inherited from DrawerIndentBackgroundProps.

<Drawer.Positioner> extends DrawerPositionerProps

All props inherited from DrawerPositionerProps.