Sheet
Navigation
A slide-in panel overlay (drawer) with four sides (left, right, top, bottom), backdrop blur, scroll lock, Escape-to-close, and spring transition.
Loading preview...
Customize
Side:
Title
Props
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | Whether the sheet is open. |
onClose | () => void | — | Callback to close the sheet. |
side | 'left' | 'right' | 'top' | 'bottom' | 'right' | Which side the sheet slides in from. |
title | string | undefined | Title displayed in the sheet header. |
children | React.ReactNode | undefined | Content rendered inside the sheet body. |
className | string | '' | Additional CSS classes for the sheet panel. |