Resizable
Resizable panel groups that allow users to adjust the size of content areas. Built on react-resizable-panels.
Horizontal
Usage
Use resizable panels for layouts where users need to control the proportion of content areas (e.g. code editors, dashboards with sidebars).
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| direction | "horizontal" | "vertical" | — | Resize direction (on PanelGroup) |
| defaultSize | number | — | Initial size as percentage (on Panel) |
| withHandle | boolean | false | Show grip handle (on ResizableHandle) |