ngx-drag-and-drop

Angular library that allow you to build drag and drop without the native HTML5 API

Usage no npm install needed!

<script type="module">
  import ngxDragAndDrop from 'https://cdn.skypack.dev/ngx-drag-and-drop';
</script>

README

ngx drag and drop

npm version

Angular library that allow you to build drag and drop without the native HTML5 API. Mobile touches are supported.

Demo

Usage

Start by importing DragDropModule module

import { NgxDragAndDropModule } from 'ngx-drag-and-drop';

@NgModule({
    imports: [
        NgxDragAndDropModule
    ],
})

export class ExampleModule { }

Add the 'drag-and-drop-wrapper', 'draggable' and 'dropzone' directives

<div drag-and-drop-wrapper>

  <div draggable="card">
    Drag me
  </div>

  <div dropzone>
    Drop at me
  </div>

</div>

How to Contribute

  1. Fork the repo
  2. Create a branch in your repo with a descriptive name
  3. Code your fix
  4. Create a pull request
  5. Await response from the maintainers!

License

MIT