React Draggable Component
A simple and lightweight component for making elements draggable.
Demo
stackblitz
Installation
$ npm install drag-react
# yarn add drag-react
Example
import { Draggable } from 'drag-react';
<Draggable>
<div>My element is draggable now</div>
</Draggable>
Props
name | type | default | description |
---|---|---|---|
children | any |
- |
Some element |
className? | string |
'drag-react' |
Class name for drag wrapper |
style? | Object |
{ position: 'fixed', left: '10px', top: '10px', zIndex: 99999 , cursor: 'move' } |
css style for drag wrapper |
onDragStart? | (_: DOMRect) => void |
- |
Called whenever the user mouses down |
onDragEnd? | (_: DOMRect) => void |
- |
Called when dragging stops |
License
MIT