Example of Default Functionalities in Blazor Tabs Component

Tabs / Default Functionalities

This sample demonstrates the default functionalities of the Blazor Tabs. Click on the Header to activate the corresponding Tab and display its Content.

Default Tab

Fill Tab Header

Background Tab Header

The Blazor Tabs component is a content panel to show multiple contents in specific space one at a time.

The User can also view different header styles of Tabs component. Header styles can be changed by adding predefined classes such as e-fill & e-background in the root element of the Tabs.
If above classes not included in root element, default style will applied to the Header of the Blazor Tabs component.

The default sample illustrates to render simple Tabs by defining header and content using TabItem property.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE