import * as React from "react"; import * as ReactDOM from 'react-dom'; import Dragula from 'react-dragula'; export class App extends React.Component { render () { return <div className='container' ref={this.dragulaDecorator}> <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>; }, dragulaDecorator = (componentBackingInstance) => { if (componentBackingInstance) { let options = { }; Dragula([componentBackingInstance], options); } }; }); ReactDOM.render(<App />, document.getElementById('examples'));
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter