Sortable Lists

Drag an item to reorder it, or use its arrow buttons. Indentation is editable with the level control.

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

Changes are saved locally in this browser. Indentation is presentational, not a parent-child database relationship.

[
  {
    "id": "item-1",
    "title": "Item 1",
    "level": 0
  },
  {
    "id": "item-2",
    "title": "Item 2",
    "level": 0
  },
  {
    "id": "item-3",
    "title": "Item 3",
    "level": 0
  },
  {
    "id": "item-4",
    "title": "Item 4",
    "level": 1
  },
  {
    "id": "item-5",
    "title": "Item 5",
    "level": 1
  },
  {
    "id": "item-6",
    "title": "Item 6",
    "level": 0
  },
  {
    "id": "item-7",
    "title": "Item 7",
    "level": 0
  },
  {
    "id": "item-8",
    "title": "Item 8",
    "level": 1
  },
  {
    "id": "item-9",
    "title": "Item 9",
    "level": 1
  },
  {
    "id": "item-10",
    "title": "Item 10",
    "level": 1
  },
  {
    "id": "item-11",
    "title": "Item 11",
    "level": 0
  },
  {
    "id": "item-12",
    "title": "Item 12",
    "level": 0
  }
]