MatBlazor - Material Design components for Blazor and Razor Components
11

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
ChildContent RenderFragment Child content of MatTabGroup
Class String Specifies one or more classnames for an DOM element.
Style String Specifies an inline style for an DOM element.
Ref ElementRef Returned ElementRef reference for DOM element.
MatTab
Name Type Description
ChildContent RenderFragment Child content of MatTab
Class String Specifies one or more classnames for an DOM element.
Label String
LabelContent RenderFragment
Style String Specifies an inline style for an DOM element.
Ref ElementRef Returned ElementRef reference for DOM element.
Example
First Content
Dynamic tabs and close button
Content 1

MatTabBar

WARNING: In Development progress

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