Bottom Sheet
View in FigmaA mobile-friendly panel that slides up from the bottom of the screen.
OverlaysImport
import { BottomSheet, BottomSheetItem } from "@/components/ui"API
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | — | Controls visibility. |
| onClose | () => void | — | Callback to close the sheet. |
| title | ReactNode | — | Sheet heading with close button. |
| size | "sm" | "md" | "lg" | "full" | "md" | Maximum height of the sheet. |
| closeOnOverlay | boolean | true | Close when clicking the backdrop. |