Example of Responsive Modes in Blazor Tabs Component
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.