React Resizer

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'));