Vue Slicksort

Theme by Jexordexan

|

Updated: 6 Nov 2023

|

1479 Stars

A set of vue mixins to turn any list into an animated, touch-friendly, sortable list

Categories

Overview:

Vue Slicksort is a set of component mixins that can turn any list into an animated, touch-friendly, and sortable list. It provides a simple way to add sortable functionality to lists, aiming to address limitations in other existing Drag & Drop libraries, especially for touch devices, axis locking, and animated sorting.

Features:

• v-model Compatible: Make any array editable with the v-model standard.
• Mixin Components: Integrates with existing components seamlessly.
• Standalone Components: Easy-to-use components for creating slick lists.
• Drag Handle, Auto-scrolling, Locked Axis, Events, and more!.
• Smooth Animations: Achieving 60FPS for a visually pleasing experience.
• Horizontal, Vertical, or Grid Lists supported.
• Touch Support for mobile devices.
• Dependency Free!

Installation:

To install Vue Slicksort using npm:

npm install vue-slicksort

Using yarn:

yarn add vue-slicksort

Using a CDN:

<script src="https://unpkg.com/vue-slicksort"></script>

Then, with a module bundler like webpack:

import VueSlicksort from 'vue-slicksort'
Vue.use(VueSlicksort)

For more detailed usage instructions, refer to the documentation.

Summary:

Vue Slicksort is a versatile solution for adding sortable functionality to lists in Vue.js projects. With its touch-friendly design, smooth animations, and support for various list layouts and configurations, it addresses common limitations of Drag & Drop libraries by providing a lightweight and easy-to-integrate set of component mixins. It is ideal for developers looking for a mobile-friendly and dependency-free way to enhance their Vue.js applications with sortable lists.