MatBlazor - Material Design components for Blazor and Razor Components

MatTabGroup

MatTabGroup organize content into separate views where only one view can be visible at a time. Each tab's label is shown in the tab header and the active tab's label is designated with the animated ink bar.

Name Type Description
ActiveIndex Int32
ActiveIndexChanged EventCallback<Int32>
Attributes Dictionary<String,Object>
ChildContent RenderFragment Child content of MatTabGroup
Class String Specifies one or more classnames for an DOM element.
Id String
RefBack ForwardRef
Style String Specifies an inline style for an DOM element.
Ref ElementReference Returned ElementRef reference for DOM element.
MatTab
Name Type Description
Attributes Dictionary<String,Object>
ChildContent RenderFragment Child content of MatTab
Class String Specifies one or more classnames for an DOM element.
Id String
Label String
LabelContent RenderFragment
RefBack ForwardRef
Style String Specifies an inline style for an DOM element.
Ref ElementReference Returned ElementRef reference for DOM element.
Example
First Content
Dynamic tabs and close button
Content 1
Dynamically set tab index
Active tab index: 0
First Content

MatTabBar

WARNING: In Development progress

Name Type Description
Active BaseMatTabLabel
ActiveChanged EventCallback<BaseMatTabLabel>
ActiveIndex Int32
ActiveIndexChanged EventCallback<Int32>
Attributes Dictionary<String,Object>
ChildContent RenderFragment Child content of MatTabBar
Class String Specifies one or more classnames for an DOM element.
Id String
RefBack ForwardRef
Style String Specifies an inline style for an DOM element.
Ref ElementReference Returned ElementRef reference for DOM element.
MatTabLabel
Name Type Description
Attributes Dictionary<String,Object>
ChildContent RenderFragment Child content of MatTabLabel
Class String Specifies one or more classnames for an DOM element.
Id String
RefBack ForwardRef
Style String Specifies an inline style for an DOM element.
Ref ElementReference Returned ElementRef reference for DOM element.
Example
If you like MatBlazor, please put a star on GitHub.