react-dnd-touch-backend

react-dnd-touch-backend

Touch Backend for react-dnd

Usage

Follow react-dnd docs to setup your app. Then swap out HTML5Backend for TouchBackend as such:

import { default as TouchBackend } from 'react-dnd-touch-backend';
import { DragDropContext } from 'react-dnd';

var YourApp = React.createClass(
  /* ... */
);

module.exports = DragDropContext(TouchBackend)(YourApp);

Examples

The examples folder has a sample integration. In order to build it, run:

npm i && gulp example

Then, open examples/index.html in a mobile browser.

Code licensed under the MIT license. See LICENSE file for terms.

Changelog

0.2.0 (2014-10-24)

• 0.1.9 (9d21373)
• 0.2.0 (cd6acc6)
• Add react-dropzone to prior work (e83ba41)
• Disable browser fixes when mixin is inactive (48b2ba8)
• Document file drop targets (be197bf)
• Fire dragleave even if nested element was removed from DOM (5bba8c6)
• Refactor and add support for native file drag and drop (66aa7fe)