New to Kendo UI for Angular? Start 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]