Popularity
1.8
Stable
Activity
0.0
Stable
50
12
6
Programming language: CoffeeScript
License: MIT License
Tags:
UI Layout
react-resizer alternatives and similar libraries
Based on the "UI Layout" category.
Alternatively, view react-resizer alternatives based on common mentions on social networks and blogs.
-
react-flexbox-grid
A set of React components implementing flexboxgrid with the power of CSS Modules. -
react-spaces
React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces. -
flexbox-react
DISCONTINUED. Unopinionated, standard compliant flexbox components. You don't need to learn any propietary syntax. If you know how to use flexbox, you know how to use flexbox-react components. -
react-colrow
Smarter layout components. Based on css flexbox. Support responsive design, Typescript, server side render. 3 KB gzipped. -
react-schematic
Build responsive react layouts using styled schematics without an overhead of any theme configuration
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
Promo
surveyjs.io
Do you think we are missing an alternative of react-resizer or a related project?
README
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'));