Tabs

The Kendo UI for Vue Native Tabstrip provides configuration options for:

• Setting the titles of its tabs
• Displaying tabs on initial loading
• Tab position
• Enabling and disabling its tabs
• Implementing closable tabs

Titles

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

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.

Tab Position

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

Disabled State

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

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.

Suggested Links

• API Reference of the Tabstrip