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.

Anatomy

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

 

 

 

 

 

States

  1. Drag
  2. Drop zone