Skip to content

alowkeyguy/react-drag-dom

Repository files navigation

react-drag-dom

React draggable component

NPM JavaScript Style Guide

Application

When you are asked to set a point on a scalable graph, ues it. in this components, Coordinates are in percent

Install

npm install --save @tuya-fe/react-drag-dom

Usage

demo

Dragger

Property Description Type Default
disabled forbid drag boolean false
bounds boundaries of movement,go beyond will trigger triggerBounds ReactNode --
triggerBounds triggered when out of boundaries ({x, y}) => {x, Y} --
offsetParent assign relative position element ReactNode
onStart drag start function --
onDrag -- function --
onStop -- function --
onClick -- function --

DragFrame

Property Description Type Default
offsetParent assign relative position element ReactNode
bounds boundaries of movement,go beyond will trigger triggerBounds ReactNode --
triggerBounds triggered when out of boundaries ({x, y}) => {x, Y} --
zoomAble if resize selected areas boolean false
onDrawStart draw start function --
onDraw drawing function --
onDrawStop draw end function --
onCancel complete select function --

demo

demo

License

MIT © alowkeyguy

About

React draggable component

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published