New to Kendo UI for Angular? Start 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]