Tabs

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

The TabStrip provides the following configuration options for its tabs:

• Displaying tabs on initial load
• Disabled tabs
• Titles
• Position
• Alignment

Displaying Tabs on Initial Load

The TabStrip displays no tabs when it is initially loaded. To change this behavior, set the selected property of the tab.

Disabled Tabs

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

Titles

Use one of the following approaches to provide the tab title:

• Set the TabStripTab title option.
• Use the kendoTabTitle template directive to render any custom content.

The kendoTabTitle directive overrides the TabStripTab title option.

The following example demonstrates both approaches for setting the tab title.

Position

You can control the position of the tabs by setting the tabPosition property to top, right, bottom, or left. The default position is top.

Alignment

You can control the alignment of the tabs by setting the tabAlignment property to start, end, center, or justify.

Suggested Links

• API Reference of the TabStripTab Component
• API Reference of the TabStrip