New to Kendo UI for Angular? Start a free 30-day trial

ShapeTooltipTemplateDirective

Directive

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

Definition

Package:@progress/kendo-angular-diagrams

Selector:[kendoDiagramShapeTooltipTemplate]

Syntax:

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 {
}