UPEX Logo

Drag and Drop

Sortable List

Item 1
Item 2
Item 3
Item 4

Drag Between Containers

Draggable 1
Draggable 2
Draggable 3
Draggable 4

Current State:

{
  "sortableList": [
    "Item 1",
    "Item 2",
    "Item 3",
    "Item 4"
  ],
  "containers": {
    "container1": [
      "Draggable 1",
      "Draggable 2"
    ],
    "container2": [
      "Draggable 3",
      "Draggable 4"
    ]
  }
}