New to Kendo UI for AngularStart a free 30-day trial

TabContentDirective

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

ts

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

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

class AppComponent {}

Selector

[kendoTabContent]

In this article
Selector
Not finding the help you need?
Contact Support