Components / Sortable list

Sortable List

A vertical drag-and-drop list component for reordering items.

Basic Usage

Bind an array to v-model. Drag the handles to reorder.

Design Homepage
Write Documentation
Fix Navigation Bug
Update Dependencies

MayaSortableList API

Prop / EventTypeDefaultDescription
v-modelArray[]The array of items to render and sort.
itemKeyString | FunctionnullKey property or function to uniquely identify items (for Vue tracking).
@changeEventEmitted when a drop completes: { list, movedItem, oldIndex, newIndex }.
#itemSlotCustom rendering for the list item. Props: { item, index }.