TabStripComponent
Represents the Kendo UI TabStrip component for Angular.
<kendo-tabstrip>
<kendo-tabstrip-tab [title]="'First Tab'">
<ng-template kendoTabContent>
<p>Content of the first tab.</p>
</ng-template>
</kendo-tabstrip-tab>
<kendo-tabstrip-tab [title]="'Second Tab'">
<ng-template kendoTabContent>
<p>Content of the second tab.</p>
</ng-template>
</kendo-tabstrip-tab>
</kendo-tabstrip>
Selector
kendo-tabstrip
Export Name
Accessible in templates as #kendoTabStripInstance="kendoTabStrip"
Inputs
Name | Type | Default | Description |
---|---|---|---|
animate |
|
|
Sets whether the TabStrip should animate when switching tabs. |
closable |
|
|
When set to |
closeIcon |
|
|
Defines the name of an existing font icon in the Kendo UI theme for the close icon. |
closeIconClass |
|
Defines a custom CSS class, or multiple classes separated by spaces, applied to the close button. | |
closeSVGIcon |
|
Defines an SVGIcon to render for the close icon. The input accepts either an existing Kendo SVG icon or a custom one. | |
height |
|
Sets the height of the TabStrip.
Accepts a CSS size value, such as | |
keepTabContent |
|
|
When set to |
scrollable |
|
|
Enables scrolling of the tab list.
When set to |
showContentArea |
|
|
If set to |
size |
|
|
Sets the size of the TabStrip. See example. |
tabAlignment |
|
|
Sets the alignment of the tabs. |
tabPosition |
|
|
Sets the position of the tabs. |
Fields
Name | Type | Default | Description |
---|---|---|---|
tabs |
|
A query list of all declared tabs. |
Events
Name | Type | Description |
---|---|---|
tabClose |
|
Fires each time a tab is closed. The event data contains the index of the closed tab and its instance. |
tabScroll |
|
Fires when the tab list is scrolled. The event is preventable. |
tabSelect |
|
Fires each time a tab is selected. The event data contains the index of the selected tab and its title. |
Methods
selectTab | ||||||
---|---|---|---|---|---|---|
Allows you to programmatically select a tab by its index. If the tab is disabled, it will not be selected. | ||||||
|