Nestable Lists

Nestable Styles

Here is a useful sortable list that can be grouped and sorted by simply dragging and dropping even on a touch device

White style

You can easily reorder list by drag & drop, like this admin menu sidebar.

  1. Item 1
  2. Item 2
    1. Item 3
    2. Item 4
      1. Item 5
    3. Item 6
    4. Item 7
  3. Item 8

Dark style withDrag & Drop

To go to dark side, just add nestable-dark class to your list.

  1. Item 9
  2. Item 10
  3. Item 11
    1. Item 12
    2. Item 13
    3. Item 14

Drag Button Option

You can add a button that permit to move list only on clicking on it.

White style

  1. Item 1
  2. Item 2
    1. Item 3
    2. Item 4
    3. Item 5
      1. Item 6
      2. Item 7
      3. Item 8
    4. Item 9
    5. Item 10
  3. Item 11
  4. Item 12

Dark style

  1. Item 13
  2. Item 14
  3. Item 15
    1. Item 16
    2. Item 17
    3. Item 18