Properties
| Name | Type | Default | Description |
|---|---|---|---|
Behavior | |||
ActivePanelIndex |
int |
0 | The current active panel index. Also with Bidirectional Binding |
ChildContent |
RenderFragment |
null | Child content of component. |
Header |
RenderFragment<MudTabs> |
null | A render fragment that is added before or after (based on the value of HeaderPosition) the tabs inside the header panel of the tab control |
HeaderPosition |
TabHeaderPosition |
TabHeaderPosition.After | Additional content specified by Header is placed either before the tabs, after or not at all |
KeepPanelsAlive |
bool |
False | If true, render all tabs and hide (display:none) every non-active. |
OnPreviewInteraction |
Func<TabInteractionEventArgs, Task> |
null | Fired when a panel gets activated. Returned Task will be awaited. |
Position |
Position |
Position.Top | Sets the position of the tabs itself. |
PrePanelContent |
RenderFragment<MudTabPanel> |
null | This fragment is placed between tabHeader and panels. It can be used to display additional content like an address line in a browser. The active tab will be the content of this RenderFragement |
TabPanelHeader |
RenderFragment<MudTabPanel> |
null | A render fragment that is added before or after (based on the value of HeaderPosition) inside each tab panel |
TabPanelHeaderPosition |
TabHeaderPosition |
TabHeaderPosition.After | Additional content specified by Header is placed either before the tabs, after or not at all |
Appearance | |||
AlwaysShowScrollButtons |
bool |
False | If true, always display the scroll buttons even if the tabs are smaller than the required with, buttons will be disabled if there is nothing to scroll. |
ApplyEffectsToContainer |
bool |
False | If true, will apply elevation, rounded, outlined effects to the whole tab component instead of just tabHeader. |
Border |
bool |
False | If true, sets a border between the content and the tabHeader depending on the position. |
Centered |
bool |
False | If true, centers the tabitems. |
Color |
Color |
Color.Default | The color of the component. It supports the theme colors. |
DisableRipple |
bool |
False | If true, disables ripple effect. |
DisableSliderAnimation |
bool |
False | If true, disables slider animation |
Elevation |
int |
0 | The higher the number, the heavier the drop-shadow, applies around the whole component. |
HideSlider |
bool |
False | Hides the active tab slider. |
IconColor |
Color |
Color.Inherit | The color of the icon. It supports the theme colors. |
MaxHeight |
int? |
null | Sets the maxheight the component can have. |
MinimumTabWidth |
string |
"160px" | Sets the min-wdth of the tabs. 160px by default. |
NextIcon |
string |
Icon to use for right pagination. | |
Outlined |
bool |
False | If true, tabHeader will be outlined. |
PanelClass |
string |
null | Custom class/classes for Selected Content Panel |
PrevIcon |
string |
Icon to use for left pagination. | |
Rounded |
bool |
False | If true, sets the border-radius to theme default. |
ScrollIconColor |
Color |
Color.Inherit | The color of the next/prev icons. It supports the theme colors. |
SliderColor |
Color |
Color.Inherit | The color of the tab slider. It supports the theme colors. |
TabHeaderClass |
string |
null | Custom class/classes for TabHeader |
TabPanelClass |
string |
null | Custom class/classes for TabPanel |
Common | |||
Class |
string |
null | User class names, separated by space. |
Style |
string |
null | User styles, applied on top of the component's own classes and styles. |
Tag |
object |
null | Use Tag to attach any user data object to the component for your convenience. |
UserAttributes |
Dictionary<string, object> |
UserAttributes carries all attributes you add to the component that don't match any of its parameters. They will be splatted onto the underlying HTML tag. | |
EventCallbacks
| Name | Type | Description |
|---|---|---|
ActivePanelIndexChanged |
EventCallback<int> | Fired when ActivePanelIndex changes. |