SortableList

HTML5 Drag & Drop

import { ref } from 'vue' const list = ref([ { id: 'one', title: 'One' }, { id: 'two', title: 'Two' }, { id: 'three', title: 'Three' }, { id: 'four', title: 'Four' }, ])

Basic Usage

SortableList

Demo loads on client.

API

Props

Prop	Type	Default	Description
`modelValue`	`SortableListItem[]`	Text	Description for modelValue.
`disabled`	`boolean`	`false`	Description for disabled.
`handle`	`boolean`	`false`	Description for handle.

Events

Event	Params	Description
`update:modelValue`	`(value)`	Description for update:modelValue.
`reorder`	`({ from, to, items })`	Description for reorder.