React-movable-resizable NPM

react-movable-resizable

storybook

Install

npm install --save react-movable-resizable

Usage

import * as React from 'react'

import ReactMovableResizable from 'react-movable-resizable'

class Example extends React.Component {
  render () {
    return (
      <ReactmovableResizable />
    )
  }
}

Props

 {
   useParentBounds: boolean | default: false,
   maxWidth: number,
   maxHeight: number,
   className: string,
   initialWidth: number  | default: 100,
   initialHeight: number | default: 100,
   children: React.ReactNode,
   hideHandlers: boolean | default: false,
   hideBorder: boolean | default: false,
   handlersColor: string | default: '#000',
   borderColor: string | default: '#000',
   gridBackground: boolean | default: false,
   onDrag: callback |() => {x, y, width, height, maxWidth, maxHeight, offsetTop,
   offsetBottom,
   offsetRight,
   offsetLeft}
 }