https://github.com/ttntm/vue-dnd-demo

A minimal demo of an editable list that also supports drag'n'drop.
https://github.com/ttntm/vue-dnd-demo

demo drag-and-drop vue3

Last synced: 6 days ago
JSON representation

A minimal demo of an editable list that also supports drag'n'drop.

• Host: GitHub
• URL: https://github.com/ttntm/vue-dnd-demo
• Owner: ttntm
• License: mit
• Created: 2022-12-28T17:11:02.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-30T09:30:11.000Z (about 2 years ago)
• Last Synced: 2024-11-23T02:29:40.203Z (2 months ago)
• Topics: demo, drag-and-drop, vue3
• Language: JavaScript
• Homepage: https://ttntm.me/blog/building-an-editable-list-with-drag-and-drop-sorting-in-vue3/
• Size: 216 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## About

This is a minimal demo of an editable list that also supports drag'n'drop.

Further details can be found in this article the demo was created for:

> https://ttntm.me/blog/building-an-editable-list-with-drag-and-drop-sorting-in-vue3/

It is based on the implementation of recipe ingredients in the 2021 version of [recept0r](https://github.com/ttntm/recept0r/), an open source recipes app for family recipes.

## Live Demo

> https://stackblitz.com/github/ttntm/vue-dnd-demo?file=src/App.vue