Simple Tabs
Content One
<MudTabs Elevation="2" Rounded="true" ApplyEffectsToContainer="true" PanelClass="pa-6"> <MudTabPanel Text="Tab One"> <MudText>Content One</MudText> </MudTabPanel> <MudTabPanel Text="Tab Two"> <MudText>Content Two</MudText> </MudTabPanel> <MudTabPanel Text="Tab Three"> <MudText>Content Three</MudText> </MudTabPanel> <MudTabPanel Text="Tab Disabled" Disabled="true"> <MudText>Content Disabled</MudText> </MudTabPanel> </MudTabs>
Icon Tabs
Icons can be added alongside text in the tabs to enhance visuals.
<MudTabs Outlined="true"> <MudTabPanel Text="Api" Icon="@Icons.Material.Filled.Api"/> <MudTabPanel Icon="@Icons.Material.Filled.Build"/> <MudTabPanel Text="Bug Report" Icon="@Icons.Material.Filled.BugReport"/> </MudTabs>