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`
closeWatcherAndroidOnly	boolean	`true`
position	'top' \| 'right' \| 'bottom' \| 'left' `toprightbottomleft`	`'bottom'`
variant	'default' \| 'straight' \| 'inset' `defaultstraightinset`	`'default'`
modal	boolean	`true`
preventScroll	boolean	`modal`
dismissible	boolean	`true`
closeOnInteractOutside	—	required
closeOnEscape	—	required
onOpenChange	(details: DrawerOpenChangeDetails) => void	required
beforeClose	() => void	required
children	Snippet	required

<Drawer.Backdrop> extends HTMLAttributes

All props inherited from HTMLAttributes.

<Drawer.CloseTrigger>

<Drawer.Content>

<Drawer.Indent>

Prop	Type	Default
class	—	required
children	Snippet	required

<Drawer.IndentBackground>

Prop	Type	Default
class	—	required
children	Snippet	required

<Drawer.Positioner>

Prop	Type	Default
class	—	required
children	Snippet	required

<Drawer.Stack>

Prop	Type	Default
children	Snippet	required

<Drawer.SwipeArea> extends DrawerSwipeAreaProps

All props inherited from DrawerSwipeAreaProps.