Bottom Sheet

Navigation

Mobile bottom sheet drawer that slides up with drag-to-dismiss, backdrop blur, and snap-to-point behavior using framer-motion.

Loading preview...

Props

Prop	Type	Default	Description
`open`	`boolean`	`false`	Whether the bottom sheet is visible.
`onClose`	`() => void`	`—`	Callback fired when the sheet is dismissed.
`children`	`React.ReactNode`	`—`	Content rendered inside the sheet.
`snapPoints`	`number[]`	`[0.5, 1]`	Fractions of viewport height the sheet snaps to.
`className`	`string`	`''`	Additional CSS classes.