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


Represents the title template of the Kendo UI TabStrip. To define the template, nest a <ng-template> tag with the kendoTabTitle directive inside the component tag.

The kendoTabTitle directive overrides the TabStripTab title option.

    selector: 'my-app',
    template: `
          <kendo-tabstrip-tab [selected]="true">
            <ng-template kendoTabTitle>
              <h4>Custom Title</h4>
            <ng-template kendoTabContent>
              <h3>Content 1</h3>

          <kendo-tabstrip-tab title="Sofia">
            <ng-template kendoTabContent>
              <h3>Content 2</h3>

class AppComponent {}



In this article

Not finding the help you need?