Warning: Draggable is currently in beta
Get complete control over drag and drop behaviour with Draggable! Draggable abstracts
native browser events into a comprehensive API to create a custom drag and drop experience.
Draggable comes with additional modules:
itself does not perform any sorting behaviour while dragging, but does the heavy lifting, e.g.
creates mirror, emits events, manages sensor events, makes elements draggable.
The additional modules are built on top of
Draggable and therefore provide a similar API
interface, for more information read the documentation below.
You can install the library via npm.
npm install @shopify/draggable --save
or via yarn:
yarn add @shopify/draggable
or via CDN
<!-- Entire bundle --><!-- legacy bundle for older browsers (IE11) --><!-- Draggable only --><!-- Sortable only --><!-- Droppable only --><!-- Swappable only --><!-- Plugins only -->
You can find the documentation for each module within their respective directories.
Contributions are more than welcome, the code base is still new and needs more love.
For more information, please checkout the contributing document.
The roadmap for the official release is still in the works. More to come
Copyright (c) 2018 Shopify. See LICENSE.md for further details.