Offcanvas Panel Node
v1.0.0A panel that slides in from the side of the screen.
Interactive Implementation
Click the buttons to open offcanvas panels from either side.
Properties API
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| isOpen | boolean | required | Binds the drawer viewport visibility conditional hook onto a state machine variable. |
| onClose | () => void | required | Execution handler triggered immediately upon selecting background spaces, close buttons, or pressing Escape. |
| position | "left" | "right" | "right" | Controls the screen border margin from which the drawer container executes slide-in layout transforms. |
| title | ReactNode | undefined | Optional title string or node element nested directly inside the upper bounding frame toolbar. |
| children | ReactNode | required | Core children nodes mapped and rendered straight within the scrolling utility viewport container. |