Demo Page

A Svelte component for DnD sorting - like SortableJS.

Simple List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6

Shared Lists

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6

Cloning Lists

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6

Disable Sort / Clone to Right

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6

Handle

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6

Filter

  • Item 1
  • Item 2
  • Item 3
  • Item 4 - Filtered
  • Item 5
  • Item 6

Delay Time to Confirm

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6

Grid Style

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 7
  • Item 8
  • Item 9
  • Item 10
  • Item 11
  • Item 12
  • Item 13
  • Item 14

Multi Drag

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6

Swap

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6

Sync Lists

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6