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

TabContentDirective

Directive

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.

Definition

Package:@progress/kendo-angular-layout

Selector:[kendoTabContent]

Syntax:

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>