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

TabTitleDirective

Directive

Represents the title template of the Kendo UI TabStrip. To define the template, nest an <ng-template> tag with the kendoTabTitle directive inside the component tag. The kendoTabTitle directive overrides the TabStripTab title option.

Definition

Package:@progress/kendo-angular-layout

Selector:[kendoTabTitle]

Syntax:

html

<kendo-tabstrip>
  <kendo-tabstrip-tab>
    <ng-template kendoTabTitle>
      <span class="custom-title">My Custom Title</span>
    </ng-template>
  </kendo-tabstrip-tab>
</kendo-tabstrip>