New to Kendo UI for AngularStart 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]

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