Blazor Tabs

The Blazor Tabs component organizes content into tabbed panels, with positioning, dynamic tabs, and lazy or client/server rendering.

Tabs position linkLink to this section

Use the TabPosition property to position tabs at the top, bottom, left, or right of the content area.

• Example
• Edit Source

TopTopRightBottomBottomRightLeftRight

Top

• Top
• TopRight
• Bottom
• BottomRight
• Left
• Right

• Orders
• Employee
• Customers

10248 Vins et alcools Chevalier

$32.38

---

Steven Buchanan

59 rue de l'Abbaye

Reims, France

10249 Toms Spezialitäten

$11.61

---

Michael Suyama

Luisenstr. 48

Münster, Germany

10250 Hanari Carnes

$65.83

---

Margaret Peacock

Rua do Paço, 67

Rio de Janeiro, Brazil

10251 Victuailles en stock

$41.34

---

Janet Leverling

2, rue du Commerce

Lyon, France

10252 Suprêmes délices

$51.30

---

Margaret Peacock

Boulevard Tirou, 255

Charleroi, Brazil

10253 Hanari Carnes

$58.17

---

Janet Leverling

Rua do Paço, 67

Rio de Janeiro, Brazil

Photo	Last Namefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	First Namefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Employee IDfilter_alt Filter Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals And And Or Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals ClearApply	Titlefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Birth Datefilter_alt Filter Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null 2026 October Sun Mon Tue Wed Thu Fri Sat 27 28 29 30 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2 3 4 5 6 7 : Ok And And Or Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null 2026 October Sun Mon Tue Wed Thu Fri Sat 27 28 29 30 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2 3 4 5 6 7 : Ok ClearApply	Hire Datefilter_alt Filter Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null 2026 October Sun Mon Tue Wed Thu Fri Sat 27 28 29 30 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2 3 4 5 6 7 : Ok And And Or Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null 2026 October Sun Mon Tue Wed Thu Fri Sat 27 28 29 30 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2 3 4 5 6 7 : Ok ClearApply	Addressfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Cityfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Regionfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Postal Codefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Countryfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Home Phonefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Extensionfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Notesfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply
	Davolio	Nancy	1	Sales Representative	12/08/1968	05/01/2012	507 - 20th Ave. E. Apt. 2A	Seattle	WA	98122	USA	(206) 555-9857	5467	Education includes a BA in psychology from Colorado State University in 1970. She also completed "The Art of the Cold Call." Nancy is a member of Toastmasters International.
	Fuller	Andrew	2	Vice President, Sales	02/19/1972	08/14/2012	908 W. Capital Way	Tacoma	WA	98401	USA	(206) 555-9482	3457	Andrew received his BTS commercial in 1974 and a Ph.D. in international marketing from the University of Dallas in 1981. He is fluent in French and Italian and reads German. He joined the company as a sales representative, was promoted to sales manager in January 1992 and to vice president of sales in March 1993. Andrew is a member of the Sales Management Roundtable, the Seattle Chamber of Commerce, and the Pacific Rim Importers Association.
	Leverling	Janet	3	Sales Representative	08/30/1983	04/01/2012	722 Moss Bay Blvd.	Kirkland	WA	98033	USA	(206) 555-3412	3355	Janet has a BS degree in chemistry from Boston College (1984). She has also completed a certificate program in food retailing management. Janet was hired as a sales associate in 1991 and promoted to sales representative in February 1992.
	Peacock	Margaret	4	Sales Representative	09/19/1957	05/03/2013	4110 Old Redmond Rd.	Redmond	WA	98052	USA	(206) 555-8122	5176	Margaret holds a BA in English literature from Concordia College (1958) and an MA from the American Institute of Culinary Arts (1966). She was assigned to the London office temporarily from July through November 1992.
	Buchanan	Steven	5	Sales Manager	03/04/1975	10/17/2013	14 Garrett Hill	London		SW1 8JR	UK	(71) 555-4848	3453	Steven Buchanan graduated from St. Andrews University, Scotland, with a BSC degree in 1976. Upon joining the company as a sales representative in 1992, he spent 6 months in an orientation program at the Seattle office and then returned to his permanent post in London. He was promoted to sales manager in March 1993. Mr. Buchanan has completed the courses "Successful Telemarketing" and "International Sales Management." He is fluent in French.

Customer IDfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Company Namefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Contact Namefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Contact Titlefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Addressfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Cityfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Regionfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Postal Codefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Countryfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Phonefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply	Faxfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty ClearApply
ALFKI	Alfreds Futterkiste	Maria Anders	Sales Representative	Obere Str. 57	Berlin		12209	Germany	030-0074321	030-0076545
ANATR	Ana Trujillo Emparedados y helados	Ana Trujillo	Owner	Avda. de la Constitución 2222	México D.F.		05021	Mexico	(5) 555-4729	(5) 555-3745
ANTON	Antonio Moreno Taquería	Antonio Moreno	Owner	Mataderos 2312	México D.F.		05023	Mexico	(5) 555-3932
AROUT	Around the Horn	Thomas Hardy	Sales Representative	120 Hanover Sq.	London		WA1 1DP	UK	(171) 555-7788	(171) 555-6750
BERGS	Berglunds snabbköp	Christina Berglund	Order Administrator	Berguvsvägen 8	Luleå		S-958 22	Sweden	0921-12 34 65	0921-12 34 67
BLAUS	Blauer See Delikatessen	Hanna Moos	Sales Representative	Forsterstr. 57	Mannheim		68306	Germany	0621-08460	0621-08924
BLONP	Blondesddsl père et fils	Frédérique Citeaux	Marketing Manager	24, place Kléber	Strasbourg		67000	France	88.60.15.31	88.60.15.32
BOLID	Bólido Comidas preparadas	Martín Sommer	Owner	C/ Araquil, 67	Madrid		28023	Spain	(91) 555 22 82	(91) 555 91 99

Console log

Clear console

Server render mode linkLink to this section

Only selected tab content will be rendered.

Client render mode linkLink to this section

All tabs will be rendered initially and tab change will be performed completely using JavaScript

TabItems modify linkLink to this section

Demonstrating modifications to the TabItem collection

Tabs overflow linkLink to this section

Use the Overflow property to control what happens when the tabs do not fit in the available space. TabsOverflow.Default shrinks the tabs to their minimum size and lets the tab list overflow, TabsOverflow.Wrap wraps them to additional lines, TabsOverflow.Scroll scrolls the tab list and TabsOverflow.Collapse moves the tabs that do not fit into a dropdown menu opened from a button at the end of the tab list. The selected tab always stays visible.

Prevent Tab change linkLink to this section

Demonstrating how to prevent Tab change

Reorder tabs linkLink to this section

Set AllowReorder to true to enable drag and drop reordering of tabs.

Keyboard Navigation linkLink to this section

The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor Tabs component.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT