Tailwind CSS Drag and Drop

Installation

1. Install Sortable.js.

   Install Sortable.js via npm

   Terminal

                             
                               npm i sortablejs
                             
                           

2. Add the Sortable.js JavaScript

   Include the JavaScript <script> near the end of your </body> tag:

   <script src="./assets/vendor/sortablejs/Sortable.min.js"></script>
   HTML

Shared lists

Move items between connected lists by assigning them to the same shared group.

Drag handle

Restrict dragging to a dedicated handle instead of the entire list item.

Nested sortable lists

Reorder items across nested sortable levels while preserving the hierarchy.