• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Ganttupdated
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGrid
    • Popup
    • ProgressBars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetnew
    • ToolBar
    • Tooltips
    • TreeListupdated
    • TreeViewupdated
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
Components / Layout / API / TabStripTabComponent / 
New to Kendo UI for Angular? Start a free 30-day trial

TabStripTabComponent

Represents the tab component of the TabStrip.

Selector

kendo-tabstrip-tab

Export Name

Accessible in templates as #kendoTabStripTabInstance="kendoTabStripTab"

Inputs

NameTypeDefaultDescription

closable

boolean

When set to true, a close button will be rendered inside the tab. This option overrides the value of the TabStrip closable option.

closeIcon

string

Defines the name for an existing font icon in the Kendo UI theme for the close icon. This option overrides the value of the TabStrip closeIcon option.

closeIconClass

string

Allows the usage of custom icons by defining a custom CSS class, or multiple classes separated by spaces. This option overrides the value of the TabStrip closeIcon option.

closeSVGIcon

SVGIcon

Defines an SVGIcon to be rendered for the close icon. The input can take either an existing Kendo SVG icon or a custom one.

cssClass

any

The CSS classes that will be rendered on the tab element. Supports the type of values that are supported by ngClass.

cssStyle

any

The CSS styles that will be rendered on the tab element. Supports the type of values that are supported by ngStyle.

disabled

boolean

Used to disable a tab (see example).

Defaults to false.

selected

boolean

Determines which tab will be selected upon the initial loading of the TabStrip (see example).

title

string

Sets the tab title (see example).

In this article

Not finding the help you need?

Contact Support