{"repo":"rlemaigre/Easy-DnD","free":true,"listed":false,"github":"https://github.com/rlemaigre/Easy-DnD","clone":"git clone https://github.com/rlemaigre/Easy-DnD.git","description":"A drag and drop implementation for Vue.js 2 and 3 https://codesandbox.io/s/easy-dnd-demo-9mbij https://codesandbox.io/s/easy-dnd-demo-2-xnqbz","language":"TypeScript","stars":396,"topics":["javascript","vuejs","vuejs2","vue","vue2","drag-and-drop","dnd","sortable","vue3","vuejs3"],"license":"MIT","category":"ui-components","readme_excerpt":"Vue Easy DnD — Vue 3 Drag and Drop Library Vue Easy DnD is a lightweight Vue 3 drag-and-drop component library for mouse and touch interfaces. Use it to build sortable lists, nested drop zones, dashboards, card transfers, and custom drag-and-drop workflows with TypeScript, SSR, and Nuxt support. What this package helps with - Make a source item draggable with Drag - Make a target accept dropped items with Drop - Build reorderable lists with DropList (drag to reorder, or move between lists) - Ignore drops in specific zones using DropMask - Use useDrag , useDrop , and useDragAware when you need custom logic instead of a full component - Restrict what can be dropped using type/data rules ( accepts-type and accepts-data ) - Support copy/cut-style interactions and list events like reorder and insert - Customize the drag preview with drag-image Install Vue ^3.2.25 is required. The distributed JavaScript targets ES2022. Quick example For examples like dashboards, nested zones, and full list workflows, use the linked docs and demos. Docs and examples View Documentation - All demos - Version 3 migration guide - Dashboard demo on homepage","default_branch":null,"files":null,"tree":[],"storefront":"/r/rlemaigre","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/rlemaigre/Easy-DnD/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}