Resizable

Accessible resizable panel groups and layouts.

  • Supported input methods include mouse, touch, and keyboard

  • Persistent panel sizes

  • Dynamic panel rendering with conditional panels

  • Fully customizable resize handles

Pure UI
One
Two
Three

Installation

Loading...

Usage

<ResizablePanelGroup>
  <ResizablePanel />
  <ResizableHandle />
  <ResizablePanel />
</ResizablePanelGroup>

Examples

Vertical

Header
Content

Handle

Sidebar
Content

Custom Handle

Sidebar
Content

API Reference

PanelGroup

Support all PanelGroup props.

Panel

Support all Panel props.

Handle

PropTypeDefault
withHandle
booleanReactNode
―

Support all PanelResizeHandle props.

⮠ PrevRadio Group
Next ⮡Scroll Area