New to Kendo UI for Angular? Start a free 30-day trial
DragHandleDirective
Updated on Oct 30, 2025
Represents the Kendo UI DragHandle directive for Angular. Use this directive to specify an element inside a drag target as a handle for dragging instead of the drag target itself.
html
<div kendoDragTarget>
<button kendoDragHandle kendoButton>
Drag me
</button>
</div>
Selector
[kendoDragHandle]
Export Name
Accessible in templates as #kendoDragHandleInstance="kendoDragHandle"
Fields
| Name | Type | Default | Description |
|---|---|---|---|
cursorStyle |
|
|
Sets the cursor style of the drag handle. Accepts same values as the CSS |