Get Started

npm i bcx-aurelia-dnd

Or

yarn add bcx-aurelia-dnd

Use inside Aurelia app

There is a single class DndService provided by bcx-aurelia-dnd. Inject it to your component.

ESNext

import {inject} from 'aurelia-framework';
import {DndService} from 'bcx-aurelia-dnd';

@inject(DndService)
export class YourComponent {
  constructor(dndService) {
    this.dndService = dndService;
  }
}

TypeScript

import {autoinject} from 'aurelia-framework';
import {DndService} from 'bcx-aurelia-dnd';

@autoinject
export class YourComponent {
  constructor(public dndService: DndService) {}
}

Here we rely on default behaviour of Aurelia DI (dependency injection). Aurelia DI creates a singleton dndService instance for all components to share.

Table of contents

• DnD Source
• DnD Preview
• DnD Target
• Turn off preview and use hover
• Customise preview and source handler