TabStripTabComponent

Represents the Kendo UI TabStrip tab component. Use this component to define individual tabs within a TabStrip.

html

<kendo-tabstrip>
  <kendo-tabstrip-tab title="Home" [selected]="true">
    <ng-template kendoTabContent>
      Home content here
    </ng-template>
  </kendo-tabstrip-tab>
</kendo-tabstrip>

Selector

kendo-tabstrip-tab

Export Name

Accessible in templates as #kendoTabStripTabInstance="kendoTabStripTab"

Inputs

Name	Type	Default	Description
closable	boolean		Shows a close button inside the tab when set to true. This setting overrides the TabStrip closable option.
closeIcon	string		Sets the name of an existing font icon in the Kendo UI theme for the close button. This setting overrides the TabStrip closeIcon option.
closeIconClass	string		Sets custom CSS classes for the close button icon. You can define a single class or multiple classes separated by spaces. This setting overrides the TabStrip closeIcon option.
closeSVGIcon	SVGIcon		Sets an SVG icon for the close button. You can use an existing Kendo SVG icon or provide a custom one.
cssClass	any		Specifies the CSS classes to apply to the tab element. Accepts the same values as ngClass.
cssStyle	any		Specifies the CSS styles to apply to the tab element. Accepts the same values as ngStyle.
disabled	boolean	false	Disables the tab and prevents user interaction (see example).
selected	boolean		Selects the tab when the TabStrip loads (see example).
title	string		Sets the title text for the tab (see example).