MatBlazor - Material Design components for Blazor

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>	Gets or sets a collection of additional attributes that will be applied to the created element.
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>	Gets or sets a collection of additional attributes that will be applied to the created element.
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

Second

Third

First Content

Dynamic tabs and close button

Tab 1

Tab 2

Tab 3

Tab 4

Tab 5

Content 1

Dynamically set tab index

Active tab index: 0

First

Second

Third

Fourth

First Content

MatTabBar

WARNING: In Development progress

Name	Type	Description
Active	BaseMatTabLabel
ActiveChanged	EventCallback<BaseMatTabLabel>
ActiveIndex	Int32
ActiveIndexChanged	EventCallback<Int32>
Attributes	Dictionary<String,Object>	Gets or sets a collection of additional attributes that will be applied to the created element.
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>	Gets or sets a collection of additional attributes that will be applied to the created element.
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

Test1

Test2

Test3

Test4

Test5

Test6