Simple Tab Control

This sample shows how add a simple tab control to a page.

This sample demonstrates the Tabs component with three horizontally aligned tab items identified by their Text property. Click a tab to activate it and see how the tab appearances change.

Create a Page Control: Update Linked Content Area

This sample shows how you can emulate a tab control in your Blazor application. The code below uses the tab control’s ActiveTabIndex property to track active tab change events. When a user selects a tab, the code updates the linked content area.

"Products" tab is active.