Docs
Resizable

Resizable

Accessible brutal retro resizable panel groups and layouts with keyboard support.

DocsAPI Reference
One
Two
Three

Vertical

Use the direction prop to set the direction of the resizable panels.

Header
Content

Handle

You can set or hide the handle by using the withHandle prop on the ResizableHandle component.

Sidebar
Content

About

The Resizable component is built on top of react-resizable-panels by bvaughn.

Installation

Install the following dependencies:

npm install react-resizable-panels

Copy and paste the following code into your project.

Copy and paste the following code into your project.

ProgressScroll Area