Vue Slicksort is a combination of components to turn any menu into a mobile, touchable and sortable list. Based on the reaction sortable by [clauderic].
Implement Drag, Drop, and Sortable Behaviors jQuery UI | agnostic-draggable
Features
- Model V Compatible – Make any array editable using the Model V standard
- Mixin Ingredients – Integrates with your existing ingredients
- Independent Components – Easy-to-use components for slick rolls
- Drag handle, auto-scroll, locked pivot, events, and more!
- Super smooth animation – 60fps dream chase ๐
- Horizontal menus, vertical menus, or grid โ โ โคก
- Touch support ๐
How to make use of it:
Install and download:
# Yarn $ yarn add vue-slicksort # NPM $ npm install vue-slicksort --save
<script src="https://unpkg.com/vue-slicksort@latest/dist/vue-slicksort.min.js"></script>
Then, using a module compiler that supports CommonJS
or ES2015
modules, like webpack:
// Using an ES6 transpiler like Babel import { ContainerMixin, ElementMixin } from 'vue-slicksort'; // Not using an ES6 transpiler var slicksort = require('vue-slicksort'); var ContainerMixin = slicksort.ContainerMixin; var ElementMixin = slicksort.ElementMixin;
If you are loading the package via the <script>
tag:
<script> var { ContainerMixin, ElementMixin, HandleDirective } = window.VueSlicksort; </script>
See Demo And Download
Official Website(Jexordexan): Click Here
This superior jQuery/javascript plugin is developed by Jexordexan. For extra Advanced Usage, please go to the official website.