Resizable
Resizable panels allow users to adjust the size of adjacent sections by dragging a handle.
One
Two
Vertical
Top
Bottom
Component props
ResizablePanelGroup
| Name | Type | Description |
|---|---|---|
| direction | string | "horizontal" | "vertical" (default: "horizontal") |
ResizablePanel
| Name | Type | Description |
|---|---|---|
| defaultSize | number | Initial size as a percentage |
| minSize | number | Minimum size as a percentage |
| maxSize | number | Maximum size as a percentage |
| collapsible | boolean | Allows the panel to collapse below its minimum size |
ResizableHandle
| Name | Type | Description |
|---|---|---|
| withHandle | boolean | Shows a visible grip on the handle |