Simple Tab
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>
Centered
Use the Centered
prop to keep your tabs in the middle.
<MudTabs Elevation="4" Rounded="true" Centered="true" Color="@Color.Primary"> <MudTabPanel Text="One"/> <MudTabPanel Text="Two"/> <MudTabPanel Text="Three"/> </MudTabs>