SortableJS / vue.draggable.next

Vue 3 compatible drag-and-drop component based on Sortable.js
https://sortablejs.github.io/vue.draggable.next/#/simple
MIT License
3.93k stars 531 forks source link

Add #empty slot #262

Open arthabus opened 5 months ago

arthabus commented 5 months ago

Alongside #header and #footer, add a slot to provide custom content when the list is empty.

This would allow to customize prompts for users when the list is empty while allowing to drag and drop from another list, for example:

<draggable>
    <template #empty>
        <div>Drop items here or click to create a new item</div>
    </template>
</draggable>

Kanban is a particular example for such functionality. Or in general anytime there is more than one list to move items between.

raisiqueira commented 3 weeks ago

It would be nice to have an empty slot