Draggable ​

A container component with drag-and-drop capabilities.

When to Use

• To create lists where sellers can reorder items through drag-and-drop.

Usage ​

import { Draggable, DraggableItem } from '@youcan/alto';
import type { DraggableItemType } from '@youcan/alto/types';

<Draggable v-model="items">
    <DraggableItem v-for="(item, index) in items" :key="item.value as number" v-model="items[index]" />
</Draggable>

API Reference ​