Theme Customizer

Customize layout & themes

Sidenav View

Choose sidenav layout style

Display Mode
Select Light or Dark
Direction
Select a direction
Sidenav Color
Select sidenav theme color

Sortable

Simple List

Basic reorderable list allowing items to be dragged and dropped vertically.

Item 1
Item 2
Item 3
Item 4
Item 5

Shared Lists

Drag and drop list items between multiple independent containers.

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

Cloning

Clone items from one list into another while maintaining the original list.

Item 1
Item 2
Item 3
Item 4

Disabling Sorting

Allow items to be dragged to other lists but prevent internal sorting.

Item 1
Item 2
Item 3
Item 4

Handle with Icon

Restrict drag actions to a specific handle element like a grip icon.

Item 1
Item 2
Item 3

Filter

Prevent specific elements from being dragged or sorted within the list container.

Item 1
Item 2
Filtered Item (Static)
Item 3

Grid Example

Enable multi-directional grid layout sorting for visual items.

1
2
3
4
5
6

Nested Sortables

Create hierarchical drag-and-drop lists with parent-child relationships.

Category 1
Sub-item 1.1
Sub-item 1.2
Category 2
Sub-item 2.1
Sub-item 2.2

MultiDrag

Select and move multiple list items simultaneously.

Item 1
Item 2
Item 3
Item 4

Swap

Swap the positions of two list items instead of shifting the list.

Item 1
Item 2
Item 3
Item 4