Blazor Tabs Example - Header Icons

Tabs / Header Icons

This sample demonstrates the options to customize the Tab Header Icons and its orientation.

Loading Syncfusion Blazor Server Demos…

Header Icon Placement
Icon Position

Icon Tabs

In this demo, Tab header section is customized with only icons and the IconPosition property are used to customize the Tab Header icon position.
The Blazor Tabs allows to place the tab header icons either at Top / Bottom / Left / Right position by using IconPosition property.

More information about Blazor Tabs 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