Welcome to Svelte-SortableJS.
This is the sandbox. Examples.
Example 1 - Simple List
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Example 2 - Shared Lists
Item 1 - Group 1
Item 2 - Group 1
Item 3 - Group 1
Item 4 - Group 1
Item 5 - Group 1
Item 6 - Group 1
Item 1 - Group 2
Item 2 - Group 2
Item 3 - Group 2
Item 4 - Group 2
Item 5 - Group 2
Item 6 - Group 2
Example 3 - Cloning Lists
Item 1 - Group 1
Item 2 - Group 1
Item 3 - Group 1
Item 4 - Group 1
Item 5 - Group 1
Item 6 - Group 1
Item 1 - Group 2
Item 2 - Group 2
Item 3 - Group 2
Item 4 - Group 2
Item 5 - Group 2
Item 6 - Group 2
Example 4 - Disable Sort/Clone on Left
Item 1 - Group 1
Item 2 - Group 1
Item 3 - Group 1
Item 4 - Group 1
Item 5 - Group 1
Item 6 - Group 1
Item 1 - Group 2
Item 2 - Group 2
Item 3 - Group 2
Item 4 - Group 2
Item 5 - Group 2
Item 6 - Group 2
Example 5 - Handle
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Example 6 - Filter
Item 1
Item 2
Item 3
Item 4 - Filtered
Item 5
Item 6
Example 7 - Thresholds
Current Threshold: 0.5
Invert Swap (false):
Is Horizontal?:
horizontal
vertical
Example 7 - Nesting
Item 1.1
Item 2.1
Item 2.2
Item 3.1
Item 3.2
Item 3.3
Item 3.4
Item 2.3
Item 2.4
Item 1.2
Item 1.3
Item 1.4
Item 2.1
Item 2.2
Item 2.3
Item 2.4
Item 1.5
Example 8 - MultiDrag
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Example 8 - Swap
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6