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.