New to Kendo UI for Angular? Start a free 30-day trial
DropHintTemplateDirective
Updated on Oct 31, 2025
Represents the template for the TreeView drop hint when you drag an item.
To define the hint template, nest an <ng-template> tag with the kendoTreeViewDropHintTemplate directive inside a <kendo-treeview> tag
(see example).
The template context provides the following variables:
- let-action="action"(- DropAction)—The drop action being performed.
- let-sourceItem="sourceItem"(- TreeItemLookup)—The item being dragged.
- let-destinationItem="destinationItem"(- TreeItemLookup)—The target item for the drop operation.
html
<kendo-treeview>
  <ng-template kendoTreeViewDropHintTemplate let-action="action">
    Drop action: {{ action }}
  </ng-template>
</kendo-treeview>Selector
[kendoTreeViewDropHintTemplate]