Draggable Cards Example
Create draggable cards using Sortable.js
by applying it to a container with card elements. This allows users to drag and rearrange cards within the container, making the layout interactive and customizable.
Draggable over Multiple Containers Example
Enable dragging of items across multiple containers using Sortable.js
. Apply Sortable
to each container and configure the group
option to allow items to be moved between them.
Container A
Container B
This is a draggable card. It can be dragged and dropped between columns. Try moving it around!
Suggestions: Add more interactive elements or dynamic content here for a better user experience.
This is a draggable card. It can be dragged and dropped between columns. Try moving it around!
Suggestions: Add more interactive elements or dynamic content here for a better user experience.
Container C
This is a draggable card. It can be dragged and dropped between columns. Try moving it around!
Suggestions: Add more interactive elements or dynamic content here for a better user experience.
This is a draggable card. It can be dragged and dropped between columns. Try moving it around!
Suggestions: Add more interactive elements or dynamic content here for a better user experience.