Feedback & Status
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 |