BottomSheet

BottomSheet Component

stable
Playground

BottomSheet requires interactive state. See component directly.

Props
PropTypeDefaultValue
openboolean—
titletext—
heighttext—
Default

BottomSheet requires interactive state. See component directly.

WithTitle

BottomSheet with title variant.

CustomHeight

BottomSheet with custom height (70vh).

PROPTYPEDEFAULTDESCRIPTION
heighttext—Sheet height (CSS value)
openboolean—Whether the sheet is visible
titletext—Optional header title
Using BottomSheettsx
import { BottomSheet } from '@/components/BottomSheet'

<BottomSheet
  open="..."
  title="..."
  height="..."
/>
Tokens Used
No design tokens detected