BottomSheet
BottomSheet Component
Playground
BottomSheet requires interactive state. See component directly.
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| open | boolean | — | |
| title | text | — | |
| height | text | — |
Default
BottomSheet requires interactive state. See component directly.
WithTitle
BottomSheet with title variant.
CustomHeight
BottomSheet with custom height (70vh).
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
height | text | — | Sheet height (CSS value) |
open | boolean | — | Whether the sheet is visible |
title | text | — | Optional header title |
Using BottomSheettsx
import { BottomSheet } from '@/components/BottomSheet'
<BottomSheet
open="..."
title="..."
height="..."
/>Tokens Used
No design tokens detected