overlay/@mihcm/ui·v0.21.0·stable
Sheet
Slide-out panel from a screen edge. Composable: Sheet, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, SheetClose. Dismisses on backdrop click and Escape.
Props
The full prop API for Sheet. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
open | boolean | — | Controlled open state. Required. | 0.5.0 |
onOpenChange | (open: boolean) => void | — | Called when the sheet should open/close. Required. | 0.5.0 |
side | 'right' | 'left' | 'top' | 'bottom' | 'right' | Edge the panel slides from. On SheetContent. | 0.5.0 |
size | 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'md' | Panel width (left/right) or height (top/bottom). On SheetContent. | 0.5.0 |
Import
import { Sheet, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, SheetClose } from '@mihcm/ui/Sheet';