{"repo":"anish2690/vue-draggable-next","free":true,"listed":false,"github":"https://github.com/anish2690/vue-draggable-next","clone":"git clone https://github.com/anish2690/vue-draggable-next.git","description":"Vue 3 drag-and-drop component","language":"TypeScript","stars":557,"topics":["vue","vue3","drag-drop","draggable","vue-next","vite"],"license":"MIT","category":"ui-components","readme_excerpt":"vue-draggable-next 🎯 Vue 3 drag-and-drop component based on Sortable.js ✨ Features: - 🚀 Vue 3 Composition API support - 📱 Touch-friendly (mobile support) - 🎨 No CSS framework dependency - 📦 TypeScript definitions included - ⚡ Lightweight ( 7kb gzipped) - 🔧 All Sortable.js options supported 📚 Live Demo & Playground 📖 Migration Guide 🎯 Examples 📦 Installation 🚀 Quick Start Basic Example (Composition API) Options API Example 📖 API Reference Props Prop Type Default Description ------ ------ --------- ------------- modelValue Array [] Array to be synchronized with drag-and-drop (use with v-model) list Array [] Alternative to modelValue, directly mutates the array itemKey String\\ Function undefined Key to use for tracking items (recommended for better performance) tag String 'div' HTML tag for the root element component String null Vue component name to use as root element componentData Object null Props/attrs to pass to the component clone Function (item) = item Function to clone items when dragging move Function null Function to control move operations group String\\ Object undefined Sortable group options sort Boolean true Enable sorting within the list disabled Boolean false Disable drag and drop animation Number 0 Animation speed (ms) ghostClass String '' CSS class for the ghost element chosenClass String '' CSS class for the chosen element dragClass String '' CSS class for the dragging element Events Event Description Payload ------- ------------- --------- @change","default_branch":null,"files":null,"tree":[],"storefront":"/r/anish2690","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/anish2690/vue-draggable-next/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."}