https://github.com/avocode/react-resizer

A React component for resizing HTML elements.
https://github.com/avocode/react-resizer

Last synced: about 2 months ago
JSON representation

A React component for resizing HTML elements.

• Host: GitHub
• URL: https://github.com/avocode/react-resizer
• Owner: avocode
• License: mit
• Created: 2016-07-18T12:45:00.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T16:42:17.000Z (about 2 years ago)
• Last Synced: 2024-09-18T13:43:04.413Z (3 months ago)
• Language: CoffeeScript
• Homepage:
• Size: 1.22 MB
• Stars: 50
• Watchers: 12
• Forks: 6
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-list - react-resizer - A React component for resizing HTML elements. (Soluções / Form Components)

README

        
React Resizer

=============

![React Resizer example](https://cldup.com/ZdLk2YMH3V.gif)

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 (

      

        
Right sidebar

      

    )

  }

});


React.render(, document.getElementById('content'));

```