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.

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.