New to Kendo UI for AngularStart a free 30-day trial

ShapeTooltipTemplateDirective

Updated on Nov 11, 2025

Defines a custom template for shape tooltips within the kendo-diagram component. Use this directive to customize how tooltips appear when hovering over shapes.

ts
import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <kendo-diagram>
      <ng-template kendoDiagramShapeTooltipTemplate let-dataItem>
        {{dataItem.tooltipContent}}
      </ng-template>
    </kendo-diagram>
  `
})
class AppComponent {
}

Selector

[kendoDiagramShapeTooltipTemplate]

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