ComponentsNavigation
Tabs
Tabs switch between related views of the same subject without leaving the page. Use them for a handful of peer sections; use a stepper when the order matters.
Basic tabs
Each MudTabPanel has a Text and content. Bind ActivePanelIndex to read or set the selected tab from code; disabled tabs stay visible but cannot be chosen.
A 0.6 metre Ritchey–Chrétien reflector on a fork mount, cooled for two hours before each session.
Active index: 0
Positions
Position puts the header on any side. Start and End follow the reading direction; Left and Right do not.
Position.Top
Sourdough, rye and seeded loaves.
Position.Bottom
Sourdough, rye and seeded loaves.
Position.Left
Sourdough, rye and seeded loaves.
Position.Right
Sourdough, rye and seeded loaves.
Position.Start
Sourdough, rye and seeded loaves.
Position.End
Sourdough, rye and seeded loaves.
Colors
Color paints the whole header, slider included. Every Color value; SliderColor and IconColor can be set separately in the playground.
Color.Default
Color.Primary
Color.Secondary
Color.Tertiary
Color.Info
Color.Success
Color.Warning
Color.Error
Color.Dark
Color.Transparent
Color.Inherit
Color.Surface
Icons, badges and centering
Icons sit beside the text, and badges carry counts, dots or status icons. Centered gathers the header in the middle; Outlined, Rounded and Border change the frame.
Many tabs
When the tabs do not fit, scroll buttons appear. MinimumTabWidth controls how narrow each tab may become; AlwaysShowScrollButtons keeps the buttons visible.
Reading-room bookings for October: 52 sessions.
Keeping panels alive
By default a panel is rebuilt each time it is shown, so unsaved input is lost. KeepPanelsAlive renders every panel once and hides the inactive ones instead. Type a note, switch tabs and come back.
KeepPanelsAlive="false"
KeepPanelsAlive="true"
Now go back to Draft.
Adding and closing tabs
MudDynamicTabs adds an add button and per-tab close buttons. The tabs come from your own list: the component only raises AddTab and CloseTab.
Sheet 1: bird count started at the reed bed hide.
Open sheets: 2. The last one cannot be closed.
Playground
Change any parameter; the markup below shows only the values that differ from the defaults.
500 g strong flour, 350 g water, 100 g starter, 10 g salt.
<MudTabs Outlined="true">
<MudTabPanel Text="Recipe">…</MudTabPanel>
<MudTabPanel Text="Method">…</MudTabPanel>
</MudTabs>