All Components

TabContentDirective

Represents the content template of the Kendo UI Tabstrip.

To define the template, nest a <template> tag with the kendoTabContent inside a kendo-tabstrip-tab.

@Component({
    selector: 'my-app',
    template: `
        <kendo-tabstrip [ngStyle]="{'width': '400px'}" [animations]="true">
          <kendo-tabstrip-tab [title]="'Paris'" [selected]="true">
            <template kendoTabContent>
              <h3>Content 1</h3>
            </template>
          </kendo-tabstrip-tab>

          <kendo-tabstrip-tab [title]="'Sofia'">
            <template kendoTabContent>
              <h3>Content 2</h3>
            </template>
          </kendo-tabstrip-tab>
        </kendo-tabstrip>
    `
})

class AppComponent {}

Selector

[kendoTabContent]

In this article