/dragsort

Animated drag sorting for horizontal list items

Primary LanguageJavaScriptMIT LicenseMIT

dragSort - Animated drag sorting for horizontal list items

Watch the video

Installation

npm i @yaireo/dragsort --save

// usage:
import DragSort from '@yaireo/dragsort'

var dragsort = new DragSort(...)

Usage

HTML

<ul class="list">
    <li>A</li>
    <li>BBBBB</li>
    <li>CCCCCCCCC</li>
    <li>DDDD DDDDDDDD</li>
    <li>EE</li>
</ul>

javascript

var listElm = document.querySelector('.list'),
    dragSort = new DragSort(listElm);

Pre-setup suggestions:

  • Set box-sizing: border-box on your list's children is a good idea
  • Should include the dragsort.css file (from this repository)