Angular 2+ Drag & Drop Directives

Author: reppners
Official Page: Go to website
Publish Date: September 7, 2017
License: MIT


A set of Angular directives for declarative drag and drop using the HTML5 Drag-And-Drop API.


  • nesting
  • sortable lists by using placeholder element (vertical and horizontal)
  • dropzones optionally support external/native draggables (img, txt, file)
  • conditional drag/drop
  • typed drag/drop
  • utilize EffectAllowed
  • custom CSS classes
  • touch support by using a polyfill
  • AOT compatible


npm install [email protected] –save


Angular 2+ Drag & Drop Directives

You Might Be Interested In:

Add Comment