Just a list
This is about as minimal as it gets. We just render a list of individual items.
Sort items by drag & drop
Wrap your item in a vue-nestable-handle to allow it to be dragged.
Collapsable
You expand/collapse your nodes using the expandable option.
expandade property is required for this feature. See the example for more information
Add items ( via footer slot)
You can simply add more items on each node using the
footer slot
Advanced (Drag handle, Classes, and Hooks)
You can customize how deeply items can be nested as well what the id prop is called.
In this example we also add custom css classes for each item, and added a hook that prevents one item from being nested.
Draggable across different lists
You can drag items across different lists if you set the group property to the same value.
Customize the placeholder text
You can display a placeholder when there are no items in the list.
RTL Support
Add the rtl prop to support RTL languages.