Blazor Tabs Example - Orientation Options
This sample demonstrates the options to customize the Tab Header and its orientation.
Top Header Section
Bottom Header Section
Left Header Section
Right Header Section
In this demo, the Headerplacement, CssClass and ShowCloseButton properties are used to customize the Tab Header.
The Blazor Tabs allows to place the header section either at Top / Bottom / Left / Right position by using HeaderPlacement property.
Users can close the Tab item by clicking the close icon in the tab header. By default, the close icon is not shown in the header which can be shown or hidden using ShowCloseButton property.
More information about Blazor Tabs can be found in this documentation section.