Tabs
The Kendo UI for Vue Tabstrip provides configuration options for:
- Setting the titles of its tabs
- Displaying tabs on initial loading
- Setting the tabs position
- Setting the tabs alignment
- 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.
Tab Alignment
The tabAlignment property allows aligning the tabs to start, center, end, justify, or stretched.
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.