Drag and drop so simple it hurts
Official React wrapper for dragula
.
Demo
Try out the demo!
Install
You can get it on npm.
npm install react-dragula --save
Or bower, too.
bower install react-dragula --save
Usage
Refer to the documentation for dragula
. The API for react-dragula
is identical, but a few tiny tweaks were made around it so that it works out the box with React.
Example
Here's an example application using react
and react-dragula
.
var React = ;var dragula = ;var App = React;React;
Example using refs (ES2015 syntax)
Here's an example using refs (ES2015 syntax): React: The ref Callback Attribute
import * as React from "react";import * as ReactDOM from 'react-dom';import Dragula from 'react-dragula';Component { return <div ='container' => <div>Swap me around</div> <div>Swap her around</div> <div>Swap him around</div> <div>Swap them around</div> <div>Swap us around</div> <div>Swap things around</div> <div>Swap everything around</div> </div>; } { if componentBackingInstance let options = ; ; };);ReactDOM;
License
MIT