New to Kendo UI for Angular? Start 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
| Name | Type | Description | 
|---|---|---|
| onDragEnter | 
 | Fires when a drag target enters the drop target. | 
| onDragLeave | 
 | Fires when a drag target leaves the drop target. | 
| onDragOver | 
 | Fires when a drag target is dragged over the drop target. | 
| onDrop | 
 | Fires when a drag target is dropped over the drop target. |