TabStripTabComponent
Represents the Kendo UI TabStrip tab component. Use this component to define individual tabs within a TabStrip.
Definition
Package:@progress/kendo-angular-layout
Selector:kendo-tabstrip-tab
Export Name:Accessible in templates as #kendoTabStripTabInstance="kendoTabStripTab"
Syntax:
<kendo-tabstrip>
<kendo-tabstrip-tab title="Home" [selected]="true">
<ng-template kendoTabContent>
Home content here
</ng-template>
</kendo-tabstrip-tab>
</kendo-tabstrip>Inputs
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
Disables the tab and prevents user interaction (see example).
false
selected
boolean
Selects the tab when the TabStrip loads (see example).
title
string
Sets the title text for the tab (see example).