Example of Responsive Modes in Blazor Tabs Component

Tabs / Responsive Modes

This sample demonstrates both Scrollable and Popup modes of the Blazor Tabs.

Header Placement
Scrollable Mode

Popup Mode

The Blazor Tabs is adaptable to the available space when the tab items exceed the view space.

You can assign OverflowMode property value as Scrollable/Popup. By default, scrollable mode of tabs is enabled when tab item exceeds the view range. In this sample, users can change the HeaderPlacement property by selecting the dropdown options.

More information about Tab can be found in this documentation section.

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