Drawer Inner Content

Docs

Gesture-driven bottom sheet — drag to dismiss, spring physics, structured content sections with staggered cascade.

Installation

Prop	Type	Default	Description
`open`	`boolean`	-	Whether the drawer is open
`onOpenChange`	`(open: boolean) => void`	-	Callback when drawer state changes
`sections`	`DrawerSection[]`	-	Content sections to render
`sound`	`boolean`	`true`	Enable soft tick on item tap

Property	Type	Default	Description
`title`	`string`	-	Optional section header
`items`	`DrawerItem[]`	-	Items in this section

Property	Type	Default	Description
`icon`	`React.ReactNode`	-	Icon element to render
`label`	`string`	-	Label text
`onClick`	`() => void`	-	Click handler
`danger`	`boolean`	`false`	Render in destructive red

Contribute

Get 50+ premium components, templates, and blocks with lifetime updates.