Drag Cards
Reorderable cards via drag and drop — users rearrange a list by grabbing and moving items to a new position.
Also called: sortable list, drag to reorder, kanban drag
⠿
Design system tokens
⠿
Component library
⠿
Documentation site
⠿
Launch checklist
Drag cards to reorder
How it works
Use the HTML5 Drag and Drop API: draggable="true", listen for dragstart, dragover, and drop to swap DOM nodes.
- For touch devices, consider a library like SortableJS
- Provide a visible drag handle for accessibility