Tabs

You can instantiate the TabStrip tabs by initializing them as TabStripTab components and use their corresponding properties.

The TabStrip provides configuration options for:

Titles

You can handle the title of each TabStrip tab by using the title attribute of the tab and render plain text in it.

Example
View Source
Edit In Stackblitz  
Change Theme:

Tabs on Initial Loading

The TabStrip displays no tabs upon its initial loading. To change this behavior, set the selected property of the TabStrip component.

Example
View Source
Edit In Stackblitz  
Change Theme:

Tab Position

The tabPosition property allows placing the TabStripNavigation on different positions around the content.

Example
View Source
Edit In Stackblitz  
Change Theme:

Disabled State

You can disable a specific TabStrip tab by setting the disabled property to true.

Example
View Source
Edit In Stackblitz  
Change Theme:

Closable Tabs

You can enable the user to close specific TabStrip tabs. The implementation of the closable tabs functionality requires you to use a custom component and render a title with a button for closing the tab.

Example
View Source
Edit In Stackblitz  
Change Theme: