Sortable
Grid
- Link Handle
- Item 3
- Item 4
- Item 5
- Item 6
- Item 7
- Item 8
- Item 9
- Item 10
- Item 11
- Item 12
Group
Item 1
Item 2
Item 3
Item 4
Item 5
Handle
Item 1
Item 2
Item 3
Item 4
Item 5
Empty
Nav + Custom Drag Class
Nested Lists
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
- Item 6
- Item 7
- Item 8
- Item 9
- Item 10
- Item 11
JavaScript Options
| Option | Value | Default | Description |
|---|---|---|---|
group |
String | The group | |
animation |
String, Boolean | slide | Animation mode (slide, fade, delayed-fade, false). |
duration |
Number | 250 | Animation duration in milliseconds. |
threshold |
Number | 10 | Mouse move threshold before dragging starts. |
cls-item |
String | uk-sortable-item | The item class. |
cls-placeholder |
String | uk-sortable-placeholder | The placeholder class. |
cls-drag |
String | uk-sortable-drag | The ghost class. |
cls-drag-state |
String | uk-sortable-dragging | The body's dragging class. |
cls-base |
String | uk-sortable | The list's class. |
cls-no-drag |
String | uk-sortable-nodrag | Prevent dragging on elements with this class. |
cls-empty |
String | uk-sortable-empty | The empty list class. |
cls-custom |
String | The ghost's custom class. | |
handle |
String | false | The handle selector. |