New to Kendo UI for Angular? Start a free 30-day trial

DropTargetDirective

Directive

Represents the Kendo UI DropTarget directive for Angular. Use this directive to make an element a drop target for draggable items.

html

<div kendoDropTarget>
  Drop here
</div>

Definition

Package:@progress/kendo-angular-utils

Selector:[kendoDropTarget]

Export Name:Accessible in templates as #kendoDropTargetInstance="kendoDropTarget"

Fires when a drag target enters the drop target.

Fires when a drag target leaves the drop target.

Fires when a drag target is dragged over the drop target.

Fires when a drag target is dropped over the drop target.