components / sheet
sheet.
animated slide-in panel from a screen edge with a dimmed backdrop. closes on backdrop click, escape, or close button, and locks body scroll while open.
installation
bunx @justin06lee/chrome@latest add sheetprops
| name | type | default | description |
|---|---|---|---|
| open | boolean | - | whether the sheet is visible. |
| onClose | () => void | - | called on backdrop click, escape, or close button. |
| side | "right" | "left" | "top" | "bottom" | 'right' | edge the panel slides in from. |
| title | string | - | optional heading atop the panel. |
| children | ReactNode | - | panel body. |
| className | string | - | extra classes for the panel. |
| ariaLabel | string | - | accessible name for the panel when no title is rendered. ignored when title is set. |