Sheet
A sheet is a panel that slides in from the edge of the screen, overlaying the current content.
Size
The size prop sets the width for left and right sheets, and the height for top and bottom sheets.
Component props
| Name | Type | Description |
|---|---|---|
| side | string | "left" | "right" | "top" | "bottom" (default: "right") |
| size | string | number | Width (left/right) or height (top/bottom) of the sheet |
| isOpen | boolean | Controlled open state |
| onOpenChange | (open: boolean) => void | Called when the open state changes |
SheetHeader props
| Name | Type | Description |
|---|---|---|
| title | ReactNode | Title displayed at the top of the sheet |
| showClose | boolean | Shows the close button (default: true) |
| children | ReactNode | Additional content below the title |