A Set Of Vue Mixins To Turn Any Animated Sortable List | Slicksort

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.

Related Posts

VenoBox-Responsive-jQuery-Lightbox-Plugin

Responsive Image Gallery Lightbox jQuery Plugin | VenoBox

VenoBox is a responsive jQuery modal window plugin suitable for images, embedded content, iFrames, Google Maps, Vimeo, and YouTube videos. The big difference compared to many other…

bootstrap-dropdown-on-hover

[Animation] Bootstrap Multi-Level Responsive Dropdown Menu

Bootstrap-based multi-level dropdown navigation menu with cool animations. The dropdown on Hover is a jQuery plugin used to create Bootstrap multi-level scroll-triggered dropdown menus with CSS3 animations…

Google-Translate-Dropdown-Customize-With-Country-Flag

Google Translate Dropdown Customize With Country Flag | GT API

Flag google translates jQuery text that takes advantage of the Google Cloud Translation API to translate web content between languages by selecting a country from the dropdown…

Bootstrap-Fileinput

HTML 5 File Input Optimized for Bootstrap 4.x./3.x with File Preview | Bootstrap Fileinput

bootstrap-fileinput is an improved HTML 5 file input  Bootstrap 5.x, 4.x and 3.x with file preview for different files, provides multiple selections, resumable section uploads, and more….

HStack-and-VStack-in-CSS

CSS Layout Components Horizontal/Vertical Stack | HStack and VStack

HStack and VStack in CSS – CSS layout components that (basically) stack anything horizontally and vertically. A pure CSS library that makes it easy to stack elements…

Floating-Whatsapp-Chat-Button

How to Add Floating Whatsapp Chat Button In HTML | venom-button

Venom Button is a very simple plugin for the jQuery floating WhatsApp button. Adds a floating button to your site that calls WhatsApp Click to Chat API. It will automatically start the WhatsApp…

Leave a Reply

Your email address will not be published. Required fields are marked *