New to Kendo UI for AngularStart a free 30-day trial

DropTargetDirective

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>

Selector

[kendoDropTarget]

Export Name

Accessible in templates as #kendoDropTargetInstance="kendoDropTarget"

Events

NameTypeDescription

onDragEnter

EventEmitter<DropTargetEvent>

Fires when a drag target enters the drop target.

onDragLeave

EventEmitter<DropTargetEvent>

Fires when a drag target leaves the drop target.

onDragOver

EventEmitter<DropTargetEvent>

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

onDrop

EventEmitter<DropTargetEvent>

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

In this article
SelectorExport NameEvents
Not finding the help you need?
Contact Support