Actions & Behaviors

Drag and Drop

Drag and drop lets someone move an item by dragging it to a new place or target.

Also called DraggingDrop targetMove by draggingDrop files here

Visual Example

Image.png
Drop here

Plain Definition

Drag and drop is a direct manipulation pattern for moving things without choosing from a menu first.

It is common for file uploads, board-style workflows, and reordering lists. When describing it, include the target if it matters: dropping files into an upload area, dragging cards between columns, or dragging rows into a new order.

You Might Describe This As...

  • "Move by dragging"
  • "Drop files here"

Fast lookup

You May Also Mean

Drag and Drop is often mixed up with Uploading because the patterns can organize or reveal similar content in different ways.

Uploading

Check the name, visual cue, and typical use.

What It Is Used For

  • Reordering items
  • Uploading files
  • Moving cards between columns

Example User Phrasing

  • "Let users drag and drop files into the upload area."
  • "Allow cards to be moved between columns."