Blazor Tabs Example - Dynamic Tab Creation

Tabs / Dynamic Tabs

This sample demonstrates the options to customize tab items dynamically like browser tab.

Loading Syncfusion Blazor Server Demos…

In this demo, floating button added to the right of existing tabs by adding button inside the HeaderTemplate of last TabItem.
The Blazor Tabs allows you to add new tab items when user clicks on the Button inside HeaderTemplate and 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.

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