Drag and drop

Definition: Drag and drop is an interaction that can select and move objects to a different location or drop into another object.

When to use

Use drag and drop to rearrange items, sort lists, move files between folders, or for file upload.


  1. Label
  2. Icon
  3. Helper text
  4. Zone







  1. Drag
  2. Drop zone