How to use react-rnd - 1 common examples

To help you get started, we’ve selected a few react-rnd examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github openworm / org.geppetto.frontend / src / main / webapp / js / components / interface / drawer / TabbedDrawer.js View on Github external
define(function (require) {

    var React = require('react');
    var DrawerButton = require('./DrawerButton');
    var Rnd = require('react-rnd').default;
    require('./TabbedDrawer.less');

    class TabbedDrawer extends React.Component {
        constructor(props) {
            super(props);
            
            // the state drawerOpened is used to keep track of the display css attribute
            // the selectedTab tell us what child has to be displayed
            // the drawerHeight is used for the resizing
            this.state = {
                drawerOpened: false,
                selectedTab: null,
                drawerHeight: 250
            }
            this.openDrawer = this.openDrawer.bind(this);
            this.renderMyLabels = this.renderMyLabels.bind(this);

react-rnd

A draggable and resizable React Component

MIT
Latest version published 2 months ago

Package Health Score

83 / 100
Full package analysis

Popular react-rnd functions