HTML5 Drag and Drop for Dart
Helper library to simplify Native HTML5 Drag and Drop in Dart.
- Make any HTML Element
Dropzones and connect them with
- Sortable (similar to jQuery UI Sortable).
- Uses fast native HTML5 Drag and Drop of the browser.
Same functionality and API for IE9+, Firefox, Chrome. (Safari and Opera have not been tested yet, let me know if it works).
See HTML5 Drag and Drop in action (with code examples).
All examples are also available in the
example directory on GitHub.
1. Add Dependency
Add the folowing to your pubspec.yaml and run pub install
dependencies: html5_dnd: any
To make HTML5 Drag and Drop work in Internet Explorer include the following
<head> of your application's HTML like so:
html5_dnd library in your Dart code. If your using the Sortable
import 'package:html5_dnd/html5_dnd.dart'; import 'package:html5_dnd/html5_sortable.dart'; // ...
4. Use it
See the demo page above or the
example directory to see how to use it. There
are also plenty of Dart Doc comments in the code for some additional details.
Thanks and Contributions
I'd like to thank the people who kindly helped me with their answers or put some tutorial or code examples online. They've already contributed to this project.
The MIT License (MIT)