https://github.com/ng-dnd/ng-dnd

Drag and Drop for Angular
https://github.com/ng-dnd/ng-dnd

angular angular-dnd drag-and-drop html5-drag ng-dnd ngx-dnd react-dnd sortable

Last synced: 4 days ago
JSON representation

Drag and Drop for Angular

• Host: GitHub
• URL: https://github.com/ng-dnd/ng-dnd
• Owner: ng-dnd
• License: mit
• Created: 2021-08-06T10:29:11.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-09-29T14:10:49.000Z (2 months ago)
• Last Synced: 2024-11-21T10:21:15.721Z (22 days ago)
• Topics: angular, angular-dnd, drag-and-drop, html5-drag, ng-dnd, ngx-dnd, react-dnd, sortable
• Language: TypeScript
• Homepage: https://ng-dnd.github.io/ng-dnd/
• Size: 8.86 MB
• Stars: 119
• Watchers: 2
• Forks: 9
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-angular - ng-dnd - Drag and Drop for Angular. (Table of contents / Third Party Components)
• fucking-awesome-angular - ng-dnd - Drag and Drop for Angular. (Table of contents / Third Party Components)
• fucking-awesome-angular - ng-dnd - Drag and Drop for Angular. (Table of contents / Third Party Components)

README

        
# Ng DnD

[![Build Status](https://www.travis-ci.com/ng-dnd/ng-dnd.svg?branch=main)](https://www.travis-ci.com/ng-dnd/ng-dnd)

[![CodeFactor](https://www.codefactor.io/repository/github/ng-dnd/ng-dnd/badge)](https://www.codefactor.io/repository/github/ng-dnd/ng-dnd)

[![npm](https://img.shields.io/npm/v/@ng-dnd/core.svg)](https://www.npmjs.com/package/@ng-dnd/core)

[![GitHub license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/ng-dnd/ng-dnd/blob/master/LICENSE)

Drag and Drop for Angular.

> 🙏 This repo is cloned from [angular-skyhook](https://github.com/cormacrelf/angular-skyhook). Many thanks for [Cormac Relf](https://github.com/cormacrelf)'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]

## Why I create this project?

The `angular-skyhook` is a great library, but I had encountered some frustrations.

- It dosen't support **Angular Ivy** (v9+), please check [this issue](https://github.com/cormacrelf/angular-skyhook/issues/512) 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`.

## Compatibility

| 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               |

## License

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/