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

TabTitleDirective

Updated on Oct 30, 2025

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.

html

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

Selector

[kendoTabTitle]