https://github.com/qrailibs/dragndrop.js
JavaScript Library for creating Drag & Drop: Draggable elements and Drop zones
https://github.com/qrailibs/dragndrop.js
drag drag-and-drop draggable drop html js js-framework js-library library ui
Last synced: 12 days ago
JSON representation
JavaScript Library for creating Drag & Drop: Draggable elements and Drop zones
- Host: GitHub
- URL: https://github.com/qrailibs/dragndrop.js
- Owner: qrailibs
- License: mit
- Created: 2021-02-07T10:25:31.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-02-07T11:12:51.000Z (about 5 years ago)
- Last Synced: 2025-03-26T06:32:03.539Z (about 1 year ago)
- Topics: drag, drag-and-drop, draggable, drop, html, js, js-framework, js-library, library, ui
- Language: JavaScript
- Homepage:
- Size: 4.88 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
dragndrop.js is lightweight javascript micro-framework to create drag & drop functionality, Easy-to-use.
# Installation
1. Copy code of src/dragndrop.min.js
2. Create file dragndrop.min.js in your project dist folder
3. Write `` in your .html page
# How to Use
You have to simply initialize drop zone (where elements will be dropped) and
draggables (elements that will be dragged):
```html
Draggable
Draggable
Draggable
dragndrop.dropZone('#drop-zone');
dragndrop.draggable('.draggable');
```