Big Ben

Nestable List

  1. Home
  2. Components
  3. Nestable

List One

  • Drag
    [item_name]
    1. Drag
      Hi, drag me!
    2. Drag
      No! Wait, drag me instead!

List Two

List Two JSON Output

[{"title":"Account","customSelect":"select something...","select2ScrollPosition":{"x":0,"y":0},"id":1,"__sortable_params":{}},{"title":"Settings","customSelect":"select something...","select2ScrollPosition":{"x":0,"y":0},"id":2,"__sortable_params":{}},{"title":"Call","customSelect":"select something...","id":3,"__sortable_params":{}},{"title":"Support","customSelect":"select something...","id":4,"__sortable_params":{}},{"title":"Email","customSelect":"select something...","id":5,"__sortable_params":{}},{"title":"Orders","customSelect":"select something...","id":6,"__sortable_params":{}},{"title":"Manage","customSelect":"select something...","id":7,"__sortable_params":{}},{"title":"Settings","customSelect":"select something...","id":8,"__sortable_params":{}}]

List Three

  • Drag
    [item_name]
    1. Drag
      Another list
      1. Drag
        News
      2. Drag
        Categories
    2. Drag
      Check
    3. Drag
      New

List Three JSON Output

[{"id":11,"title":"Another list","http":"","superselect":"2","customSelect":"select something...","children":[{"id":10,"title":"News","http":"","superselect":"1","customSelect":"select something...","custom-select":"select something...","__sortable_params":{}},{"id":9,"title":"Categories","http":"","superselect":"1","customSelect":"2","custom-select":"2","__sortable_params":{}}],"custom-select":"select something...","__sortable_params":{}},{"title":"Check","customSelect":"select something...","id":12,"custom-select":"select something...","__sortable_params":{}},{"title":"New","customSelect":"select something...","id":13,"custom-select":"select something...","__sortable_params":{}}]