TabStrip Active Tab Index

Updated on Jan 27, 2026

The TabStrip allows you to get or set the index of the currently selected (active) tab through the ActiveTabIndex parameter. It supports two-way binding (the @bind-ActiveTabIndex syntax) and one-way binding used along with the ActiveTabIndexChanged event.

To deactivate all tabs, set the ActiveTabIndex parameter to -1.

Get and set the selected tab index

Active Tab Index: @ActiveTabIndex

<TelerikTabStrip @bind-ActiveTabIndex="@ActiveTabIndex">
	<TabStripTab Title="First">
		First tab content.
	</TabStripTab>
	<TabStripTab Title="Second">
		Second tab content. I will be active initially due to the default value of the parameter.
        <br />
        <TelerikButton OnClick="@SelectThirdTab">Select Third Tab</TelerikButton>
	</TabStripTab>
	<TabStripTab Title="Third">
		Third tab content.
	</TabStripTab>
</TelerikTabStrip>

@code {
	public int ActiveTabIndex { get; set; } = 1;

    void SelectThirdTab()
    {
        ActiveTabIndex = 2;
    }
}

The ActiveTabIndexChanged event and ActiveTabIndex parameter will be deprecated in a future releases. It is recommended to use the ActiveTabId parameter with ActiveTabIdChanged event instead.

See Also

• Live Demo: TabStrip