Select theme:

Angular
Blazor

Tabs (Angular)link

This guide demonstrates how to use the Tabs component.

Tabs Propertieslink

Name	Type	Default	Description
Name	string	'tabs' + index suffix	Unique name the component.
SelectedIndex	number	0	The index of the initially selected tab.
Items	array of tabs	One item	The tabs which the component displays.
Icon	string	null	Tabs icon.

Tabs Eventslink

Name	Type	Default	Description
Change	event	null	Fired when the selected tab changes. Has one event argument `index` which is the index of the new tab.

Tabs item Propertieslink

Name	Type	Default	Description
Text	string	string	The header text displayed by the tab.

In this article —

**Tabs** Properties
**Tabs** Events
**Tabs item** Properties

Solutions

CRUD Operations and Data Management Seamless Integration Digital Transformation and Modernization Design Systems and Consistency Use Cases Time to Market Reduced Radzen in Education

Products

Radzen Blazor Studio Radzen Blazor for Visual Studio Radzen Blazor Components

Recognition

Success Stories

Resources

Community forum ↗ Online demos Roadmaps Blog YouTube channel ↗

Company

Get started today

Radzen is free to use. You can also test the premium features for 15 days.

© 2016-2025 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.

Terms of use Subscription Policy Privacy Policy

Select theme: