New to Kendo UI for Angular? Start a free 30-day trial
ConnectionTooltipTemplateDirective
Updated on Nov 11, 2025
Defines a custom template for connection tooltips within the kendo-diagram component.
Use this directive to customize how tooltips appear when hovering over connections.
ts
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<kendo-diagram>
<ng-template kendoDiagramConnectionTooltipTemplate let-dataItem>
{{dataItem.tooltipContent}}
</ng-template>
</kendo-diagram>
`
})
class AppComponent {
}
Selector
[kendoDiagramConnectionTooltipTemplate]