Drag and Drop for Angular
npm install @ng-dnd/core
Drag and Drop for Angular.
> 🙏 This repo is cloned from angular-skyhook. Many thanks for Cormac Relf's work!
| Package | Description | Docs |
| ----------------------- | --------------------------------- | ----------------- |
| @ng-dnd/core | A toolkit for DnD | [Docs][core-docs] |
| @ng-dnd/multi-backend | Multi backend system for DnD core | [Docs][back-docs] |
| @ng-dnd/sortable | Sortable system for DnD core | [Docs][sort-docs] |
#### Quick links
[Documentation][core-docs] |
[Examples][examples]
The angular-skyhook is a great library, but I had encountered some frustrations.
- It dosen't support Angular Ivy (v9+), please check this issue for more details.
- It hasn't been maintained for almost two years, the version of dnd-core and other packages are very old.
- The naming of some directives and properties aren't very intuitive such as ssSortable.
| Angular | RxJS | @ng-dnd/core | Zoneless support |
| --------------- | ---- | ------------ | ---------------- |
| >=18.0.0 | 7.x | 4.x | Yes |
| >=17.0.0 | 7.x | 3.x | No |
| >=13.0.0 | 7.x | 2.x | No |
| >=9.0.0 <13.0.0 | 6.x | 1.x | No |
MIT
[core-docs]: https://ng-dnd.github.io/ng-dnd/
[back-docs]: https://ng-dnd.github.io/ng-dnd/multi-backend/
[sort-docs]: https://ng-dnd.github.io/ng-dnd/sortable/
[examples]: https://ng-dnd.github.io/ng-dnd/examples/