/DragMeDropMe-for-react

react.js drag and drop components

Primary LanguageJavaScript

Drag and Drop components for React.Js

DEMO

Development


yarn install / npm install


yarn start / npm start


open http://localhost:3000



Components

DragMeDropMe

import DragMeDropMe or ItemDDme from src/components/DragMeDropMe

see example: examples/DragMeDropMe.js

PROPS

ItemDDme

Single component with free movement

id,

debug,

coordTop,

coordLeft,

width,

movingArea,

children,

style,

className,

styleOnCapture,

classOnCapture,

styleOnLostCapture,

classOnLostCapture,

styleOnMove,

classOnMove,

noSelect,

onMoveCallback,

onDownCallback,

onUpCallback,

onGotCaptureCallback,

onLostCaptureCallback

DragMeDropMe

Area with a set of components

debug,

size = {width:90%,height:90%} -- style % or px,

itemslist,

defaultWidthItem,

columnOffsetLeft,

shadowEffect,

styleFoItms,

classFoItms,

callback,

children

DragMe

status: in progress...

uses: react-motion,lodash.range

import DragMe and DropMe from src/components/DragMe

see example: src/components/App/App.js


Donation


If this project help you reduce time to develop, you can give me a cup of coffee :)





License

The MIT License.



By


mrZ - mrz@mrzlab630.pw