How to Use Ionic Drag and Drop [v5]


You can implement Ionic drag and drop in many different ways, but the easiest way is actually simply using the available APIs of Ionic core!

While there are great packages like Angular material that offer the same functionality, you can implement your own powerful drag and drop behaviour using the Ionic gesture API.


In this Quick Win we will build a list with draggable Ionic items that can be dropped above two different drop zones.

The full quick win with snippets is only available to Ionic Academy members.
Join now for

  • Unlimited access to all quick wins
  • Library of 40+ step-by-step video courses
  • Support for Ionic questions via Slack & private community

Join now & Unlock

Current member? LOGIN