Home › Interaction › Drag
Drag
Picking up an element and moving it to a new place.
Drag is the gesture (or click-and-hold-and-move) where the user grabs something and relocates it. Reordering a list, moving a card to another column, dragging a file into an upload zone — all of these are drag interactions.
Drag needs heavy feedback. Show a "ghost" of the dragged item under the cursor. Highlight valid drop targets. If the user releases on an invalid target, snap the item back so they understand the action did not go through.