Skip to content

Latest commit

 

History

History
33 lines (26 loc) · 948 Bytes

README.md

File metadata and controls

33 lines (26 loc) · 948 Bytes

React Draggable Component

A simple and lightweight component for making elements draggable.

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