# Tabs

The Kendo UI for Vue Tabstrip provides configuration options for:

* [Setting the titles of its tabs](https://www.telerik.com/kendo-vue-ui-develop/components/layout/tabstrip/tabs#titles)
* [Displaying tabs on initial loading](https://www.telerik.com/kendo-vue-ui-develop/components/layout/tabstrip/tabs#tabs-on-initial-loading)
* [Setting the tabs position](https://www.telerik.com/kendo-vue-ui-develop/components/layout/tabstrip/tabs#tab-position)
* [Setting the tabs alignment](https://www.telerik.com/kendo-vue-ui-develop/components/layout/tabstrip/tabs#tab-alignment)
* [Enabling and disabling its tabs](https://www.telerik.com/kendo-vue-ui-develop/components/layout/tabstrip/tabs#disabled-state)
* [Implementing closable tabs](https://www.telerik.com/kendo-vue-ui-develop/components/layout/tabstrip/tabs#closable-tabs)

## Titles

You can handle the title of each TabStrip tab by using the [`title`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/tabstriptabproperties#title) attribute of the tab and render plain text in it.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/tabstrip/tabs/titles/source.txt)

## Tabs on Initial Loading

The TabStrip displays no tabs upon its initial loading. To change this behavior, set the [`selected`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/tabstripprops#selected) property of the TabStrip component.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/tabstrip/tabs/initial/source.txt)

## Tab Position

The [`tabPosition`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/tabstripprops#tabposition) property allows placing the `TabStripNavigation` on different positions around the content.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/tabstrip/tabs/position/source.txt)

## Tab Alignment

The [`tabAlignment`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/tabstripprops#tabalignment) property allows aligning the tabs to `start`, `center`, `end`, `justify`, or `stretched`.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/tabstrip/tabs/alignment/source.txt)

## Disabled State

You can disable a specific TabStrip tab by setting the [`disabled`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/tabstriptabproperties#disabled) property to `true`.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/tabstrip/tabs/disabled/source.txt)

## 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.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/tabstrip/tabs/closable-tabs/source.txt)

## Suggested Links

* [API Reference of the Tabstrip](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/tabstripprops)