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