Radzen Blazor Components

Tabs

Demonstration and configuration of the Radzen Blazor Tabs component.

Tabs position link

Top
TopRight
Bottom
BottomRight
Left
Right
Top
10248 Vins et alcools Chevalier
$32.38

Steven Buchanan
Steven Buchanan

59 rue de l'Abbaye

Reims, France
10249 Toms Spezialitäten
$11.61

Michael Suyama
Michael Suyama

Luisenstr. 48

Münster, Germany
10250 Hanari Carnes
$65.83

Margaret Peacock
Margaret Peacock

Rua do Paço, 67

Rio de Janeiro, Brazil
10251 Victuailles en stock
$41.34

Janet Leverling
Janet Leverling

2, rue du Commerce

Lyon, France
10252 Suprêmes délices
$51.30

Margaret Peacock
Margaret Peacock

Boulevard Tirou, 255

Charleroi, Brazil
10253 Hanari Carnes
$58.17

Janet Leverling
Janet Leverling

Rua do Paço, 67

Rio de Janeiro, Brazil

Console log

Server render mode link

Only selected tab content will be rendered.

Client render mode link

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

Customers

TabItems modify link

Demonstrating modifications to the TabItem collection

Customers

Tab items wrap link

Demonstrating wrap of the Tab items

Prevent Tab change link

Demonstrating how to prevent Tab change

Tab1

Keyboard Navigation link

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

Press this key To do this
Tab Navigate to a Tabs component.
Right Arrow Focus next Tab.
Left Arrow Focus previous Tab.
Space or Enter on a focused Tab Select the Tab.

Supercharge your Blazor development with Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

open_in_new Learn More
>Radzen Blazor Studio

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

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙