DragSort
lightweight HTML5 drag-&-drop sorting

Installation

``sh
npm i @yaireo/dragsort --save
`

Pre-setup suggestions:

* Set box-sizing: border-box on the list or its children is a good idea
* Use the provided stylesheet in this package - dist/dragsort.css

Usage

#### HTML
`html

• drag & drop


• items


• easily


• with this


• super lightweight script

`

#### javascript
`js
import DragSort from '@yaireo/dragsort'
import '@yaireo/dragsort/dist/dragsort.css'

const listElm = document.querySelector('.list')
const dragSort = new DragSort(listElm)
`

> Note - useful class names are set on elements being dragged.

Settings

Name | Type | Default | Info
----------------------- | ----------- | ------------------------------------------ | --------------------
selector | String | all child nodes of first parameter | which elements should be draggable
mode | String | | Use "vertical" for vertical-lists re-ordering
callbacks.dragStart | Function | | callback function when dragging started. Arguments are (element, event)
callbacks.dragEnd | Function | | callback function when dragging finished. Arguments are (element, event)`