🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The React element resizer component allows for resizing HTML elements.

Others React

Documentation

React Resizer

React Resizer example

A React component for resizing HTML elements.

Installation:

npm install react-resizer

Usage:

For a more comprehensive use case, please check the example folder in this repository.

'use strict';  let React = require('react'); let Resizer = require('react-resizer');  let App = React.createClass({   displayName: 'App',      _handleResize: function(diff) {     return console.log('resizing');   },      _handleResizeStart: function() {     return console.log('resize start');   },      _handleResizeEnd: function() {     return console.log('resize end');   },      render: function() {     return (       <Resizer         onResizeStart={this._handleResizeStart}         onResize={this._handleResize}         onResizeEnd={this._handleResizeEnd}       >         <div>Right sidebar</div>       </Resizer>     )   } });  React.render(<App />, document.getElementById('content')); 

You May Also Like