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 an <ng-template>
tag with the kendoTabContent
directive inside the component tag.
html
<kendo-tabstrip>
<kendo-tabstrip-tab title="First Tab">
<ng-template kendoTabContent>
<div class="tab-content">
<h2>Welcome</h2>
<p>This is the content of the first tab.</p>
</div>
</ng-template>
</kendo-tabstrip-tab>
</kendo-tabstrip>
Selector
[kendoTabContent]