MatBlazor comprises a range of components which implement common interaction patterns according to the Material Design specification.
Don't know what Blazor is? Read here
Complete all Blazor dependencies.
To Install
Install-Package MatBlazor
or
dotnet add package MatBlazor
For client-side and server-side Blazor - add script section to index.html or _Host.cshtml (head section)
<script src="_content/MatBlazor/dist/matBlazor.js"></script>
<link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />
<MatButton OnClick="@Click">Text @ButtonState</MatButton>
<MatButton Raised="true">Raised</MatButton>
<MatButton Unelevated="true">Unelevated</MatButton>
<MatButton Outlined="true">Outlined</MatButton>
<MatButton Dense="true">Dense</MatButton>
@code
{
string ButtonState = "";
void Click(UIMouseEventArgs e)
{
ButtonState = "Clicked";
}
}
MatBlazor does not run under the umbrella of any company or anything like that. It is an independent project created in spare time. The development is active and we are working hard to release great things for you.
If you think that this project helped you or your company in any way, you can consider becoming a backer/sponsor.
We'd greatly appreciate any contribution you make.
MatVirtualScroll
- complete new componentMatDataTable
- complete new componentMatDatePicker
- improvementsMatTreeView
- complete new componentMatAutocomplete
- new implementation of componentasync void
for UI events #808 (Thanks to Christian-Oleson)MatVirtualScroll
- New component-sbyte?
, byte?
, short?
, ushort?
, int?
, uint?
, long?
, ulong?
, char?
, float?
, double?
#449 (Thanks to fire-birdie)MatSelect
#454 (Thanks to hailstorm75)MatSortHeader
, MatSortHeaderRow
- New componentMatPaginator
- New componenthoistMenuToBody
for MatSelect and MatMenu - fix #415Breaking changes - Upgrade an existing project
<link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />
to html code.NET Core 3.2 Preview 1
librariesPR: Update to .NET Core 3.2 Preview 1 #409 (Thanks to enkodellc)
PR: Separation of CSS and JS resources #408 (Thanks to RonPeters)
MatSelectItem<TValue>
ItemTemplate
TValue
parameter should be defined if he is not inferred.EditContext
MatSelectValue<TItem, TValue>
ItemTemplate
using ValueSelector
TValue
parameter should be defined if he is not inferred.EditContext
MatFileUpload
- progress bar added, improoved performance
MatFileUpload
- inital version of componentToggled
parameter and ToggledChanged
.MatSelect
was rewrited and prepared for MatSelectItem
and MatSelectValue
, supported only Enhanced
mode, Disabled for MatOption
is temporary not workingMatAutocomplete
renamed to MatAutocompleteList
ItemType
renamed to TItem
Collection
renamed to Items
MatAutocomplete
component will be in 2.1.0TValue
parameter should be defined if he is not inferred.bool
, bool?
EditContext
Checked
renamed to Value
CheckedChanged
renamed to ValueChanged
Attributes
is appended to main component HtmlElement (not InputElement). Use InputAttributes
instead.TValue
parameter should be defined if he is not inferred.DateTime
, DateTime?
EditContext
DateFormat
renamed to Format
, and this is full .NET formatting of DateTimeMinimum
, Maximum
paramneteres addedNoCalendar
renamed to DisableCalendar
AltFormat
, AltInputClass
, Inline
removedTValue
parameter should be defined if he is not inferred.sbyte
, byte
, short
, ushort
, int
, uint
, long
, ulong
, char
, float
, double
, decimal
, decimal?
EditContext
TValue
parameter should be defined if he is not inferred.EditContext
MatOption
component manuallyTValue
parameter should be defined if he is not inferred.EditContext
string
, sbyte
, byte
, short
, ushort
, int
, uint
, long
, ulong
, char
, float
, double
, decimal
, decimal?
, DateTime
, DateTime?
, bool
, bool?
MatSelectString
, MatOptionString
TValue
parameter should be defined if he is not inferred.sbyte
, byte
, short
, ushort
, int
, uint
, long
, ulong
, char
, float
, double
, decimal
, decimal?
EditContext
Step
parameterTValue
parameter should be defined if he is not inferred.bool
, bool?
EditContext
TValue
parameter should be defined if he is not inferred.string
, sbyte
, byte
, short
, ushort
, int
, uint
, long
, ulong
, char
, float
, double
, decimal
, decimal?
, DateTime
, DateTime?
, bool
, bool?
EditContext
MatStringField
- replacement old MatTextField
- just for string
values without generic TValue
parameter.MatBlazorInstall
- removed<table>
is off #195RenderStaticComponentAsync
, but did not.RenderComponentAsync
, also because in Preview 9 RenderStaticComponentAsync
will be removed (https://github.com/aspnet/AspNetCore/issues/12245).<MatBlazorInstall />
for server-side Blazor is obsoleteFor how-to questions and other non-issues, for now you can use issues or you can use .
In the near future we plan to maximize the count and features of the components inspired by other frameworks like Angular Material, React Material UI and Vue Material.
This project is licensed under the terms of the MIT license.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。