react-resize-panel

A very simple resizable panel as a React component.

react-resize-panel

View Demo View Github 
<ResizePanel direction="e">
<div className="panel sidebar">left panel</div>
</ResizePanel>
Js

Getting started

Install the package:

yarn install react-resize-panel
Bash

Import component:

import ResizePanel from "react-resize-panel";
JavaScript

Wrap the DIV you want to make resizable:

<ResizePanel direction="e">
    <div className="panel sidebar">left panel</div>
</ResizePanel>
Js

The direction prop specifies which edge of the panel has the resize handle and whether the panel can be resized vertically or horizontally. Accepted values are: n | s | e | w.

Custom CSS classes can be specified for the resize handle and border:

<ResizePanel direction="e" handleClass="customHandle" borderClass="customResizeBorder">
    <div className="panel sidebar">left panel</div>
</ResizePanel>
Js

GitHub

bjgrosse/react-resize-panel

??

— Read More

Download as zip