Popularity
1.5
Growing
Activity
3.0
-
47
11
4

Programming language: CoffeeScript
Tags: UI Layout    

react-resizer alternatives and similar libraries

Based on the "UI Layout" category

Do you think we are missing an alternative of react-resizer or a related project?

Add another 'UI Layout' Library

README

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