Drag and drop

An interaction where you grab an item with the cursor or a finger and move it to a new place. The spot to grab is often marked with its own icon (a drag handle).

Also called: drag and drop, drag & drop, dnd, drag, drop, reorder, rearrange, sort by dragging, six dots, drag handle, grab handle, grip

What it is for

An intuitive way to sort lists, rearrange cards or move objects between zones. Nobody has to type in position numbers.

Where you see it

• Kanban boards — moving tasks between status columns
• Lists — changing the order of items, like tracks in a playlist
• Page builders — placing blocks visually

What it is called in code

• drag and drop
• draggable
• sortable

See also

• Kanban board — A way to show a workflow: columns for statuses, and task cards that move from one column to the next.
• File upload — A control for adding files to a system: a choose-file button, or an area you drop files onto (a dropzone).
• Swipe actions — A swipe is a finger sliding across the screen. Swipe a list row left or right to delete or archive it, an email for example.