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

Built with:

React.js
TypeScript
Tailwind CSS

Pure UI

One

Two

Three

Installation

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

Prop	Type	Default
`withHandle`	`booleanReactNode`	`―`

Support all PanelResizeHandle props.

PrevRadio Group

Next Scroll Area

Contents

Resizable | Pure UI

Resizable

Installation

Usage

Examples

Vertical

Handle

Custom Handle

API Reference

PanelGroup

Panel

Handle

Installation

Usage

Examples

Vertical

Handle

Custom Handle

API Reference

PanelGroup

Panel

Handle

Enter your license key