ResizablePanel
Drag-to-resize panel with min/max size constraints and callbacks.
Installation
Examples
Horizontal resize
Drag the handle between panes to resize.
Sidebar
Dashboard
Analytics
Settings
Main content
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultSize | number | — | Initial size in px or %. |
| minSize | number | — | Minimum allowed size. |
| maxSize | number | — | Maximum allowed size. |
| direction | 'horizontal'|'vertical' | 'horizontal' | Resize axis. |
| onResize | (size: number) => void | — | Called with new size on drag. |