Components/ResizablePanel

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

PropTypeDefaultDescription
defaultSizenumber—Initial size in px or %.
minSizenumber—Minimum allowed size.
maxSizenumber—Maximum allowed size.
direction'horizontal'|'vertical''horizontal'Resize axis.
onResize(size: number) => void—Called with new size on drag.