MatBlazor comprises a range of components which implement common interaction patterns according to the Material Design specification.
- MatBlazor.com - Documentation and demo website
- MatBlazor - Documentation and demo website - ClientSideBlazor
- BlazorFiddle example
- BlazorBoilerplate
Don't know what Blazor is? Read here
Complete all Blazor dependencies.
- .NET Core 3.0 Preview 4 SDK (3.0.0-preview4-19216-03)
- Visual Studio 2019 Preview 4 with the ASP.NET and web development workload selected.
- The latest Blazor extension from the Visual Studio Marketplace.
- The Blazor templates on the command-line: dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview4-19216-03
Latest version in here:
To Install
Install-Package MatBlazor
or
dotnet add package MatBlazor
Used EmbeddedBlazorContent library:
- Startup.cs
app.UseEmbeddedBlazorContent(typeof(MatBlazor.BaseMatComponent).Assembly);
- _Host.cshtml (head section)
@using EmbeddedBlazorContent
<head>
...
@Html.EmbeddedBlazorContent()
</head>
<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>
@functions
{
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.
- MaurizioVerde
- Jacobus Terhorst
- PR: Adding example for nested sub menus and new "toggle all" feature #176 (Thanks to ebekker)
- PR: Adding support for nested NavSubMenus #174 (Thanks to ebekker)
- MatCard improvements
- MatTypography improvements
- New NavMenu - new component (Thanks to enkodellc)
- PR: NumericUpDown to preview7. Fix tabindex #161 (Thanks to ctrl-alt-d)
- PR: Outlined #162 (Thanks to ctrl-alt-d)
- Update to .NET Core 3.0 Preview 7
- All components supports @Attributes and Id parameter
- MatDatePicker parameters: Label, Dense, Outlined, Required, Disabled
- PR: Fixed up the helper text functionality in MatTextField. #121 (Thanks to jorgy343)
- PR: MatSelect Updates #124 (Thanks to jorgy343)
- PR: Typo. Mode is hardcoded #128 (Thanks to ctrl-alt-d)
- PR: fix upper cases for linux env #130 (Thanks to ctrl-alt-d)
- PR: Improve Full Width Field Text Padding #131 (Thanks to ctrl-alt-d)
- PR: #89 MatTable Row Hover & Select #135 (Thanks to enkodellc)
- PR: MatTable style updates #112 (Thanks to enkodellc)
- PR: MatListItem Disabled #111 (Thanks to enkodellc)
- PR: Fixed a bug where Table would not re render after data changed. #110 (Thanks to Garderoben)
- Now we have MatBlazor - Documentation and demo website - Client Side Blazor
- Fixed: Docs site looks to show bug for expansion panel #107
- .NET Core 3.0.100-preview6-012264
- MatToast (Thanks to enkodellc)
- MatNumericUpDownField (Thanks to ctrl-alt-d)
- PR: MatTable bug where LoadData would throw exception when using Filter #101 (Thanks to Garderoben)
- Fixed Clicking on Icon in DatePicker doesn't show the calender selection window. #86
- MatHidden
- Material theme configuration #90
- MatAccordion, MatExpansionPanel
- MatTooltip
- ForwardRef concept
- MatFAB - Floating Action Button
- MatThemeProvider (Themes support)
- MatAppBarContainer, MatAppBarContent
- PR: MatNumericUpDownField #78 - early preview (ctrl-alt-d)
- MatMenu fix (added class and style support)
- MatDatePicker (alpha)
- MatTextField ReadOnly
- MatTextField InputClass and InputStyle
- MatButton Type, Name, Value #75
- MatTabGroup and MatTab components
- MatTabBar and MatTabLabel components
- Update to ASP.NET Core 3.0.0-preview5-19227-01
- https://www.matblazor.com working as server-side Blazor on Linux server
- Fix MatAutoComplete
- Minor improvements and changes
- Demo and documentation https://www.matblazor.com working as server-side Blazor
<MatBlazorInstall />for server-side Blazor is obsolete- For server-side Blazor used EmbeddedBlazorContent
- New github path: https://github.com/SamProf/MatBlazor
- New gitter chat: https://gitter.im/MatBlazor/community
- Fixed Drawer problem
- All components in one namespace MatBlazor (only one using directive)
- PR: Revert back to C# 7.3 #66 (enkodellc)
- Fixed problem with including *.razor files
- PR: #63 MatBlazor Logo / .svg / .ico #65 (enkodellc)
- Now we have Logo (many thanks to enkodellc)
- PR: Prevent *.razor files from being packed #64 (IvanJosipovic)
- Fixed Examples generation
- Update to Blazor 3.0.0-preview4-19216-03
- PR: MatTable Table Filter, get data from API #61 (enkodellc, arivera12)
- PR: Fix Table Navigation Error #60 (enkodellc)
- PR: MatTable Version 1 #58 (enkodellc, arivera12)
- PR: Fixed #50 Autocomplete FullWidth + #52 (sandrohanea)
- PR: MatIconButton Add Functionality, Update Demo #53 (enkodellc)
- PR: Added documentation for autocomplete + Fixed #56 + changed documentation file path to a relative one(instead of absolut) #57 (sandrohanea)
- Creating partial documentation for all components (autogeneration)
- Improved many examples
- Improved homepage, components page design, README.md
- Change of versioning policy is similar to Blazor
- Fixed MatTextBox FullWidth Padding / Icon Fix #43 #51 (enkodellc)
- Fixed Select is showing native arrow? #48 (sandrohanea)
- New component MatAutocomplete (sandrohanea)
- New component MatSnackbar
- New component MatRipple
- New styles Layout Grid
- New component MatDialog
- MatCheckbox add inline label (enkodellc)
- New component MatProgressBar
- New styles Elevation
- License of used packages added to js boundle
- Changed all events to EventCallback
- Show Icons when MatTextField has FullWidth (enkodellc)
- Improved events for MatTextField (sandrohanea + SamProf)
- Added Typography styles
- Added Href parameter to MatListItem component
- MatTextField - fixed label
- MatMenu - first working implementation
- New MatDrawer
- Fix MatAppBar (fixed-adjust div)
- Added Style Parameter for all components
- Added BaseMatComponent Docs
- MatDrawer in progress
- Introduce Razor Components support (MatBlazorInstall component)
- Upgrade Blazor 0.9 complete
- Upgrade to new Material Components
- MatTextField Outlined fixed
- MatRadioGroup and MatRadioButton enhancements
- MatSelect Outlined fixed
- MatSlider Step problem founded
- Fixed main page of the demo project MatDrawer
- MatMenu (prepared for development in next release)
- MatDrawer (prepared for development in next release)
- BlazorFiddle integration fixed
- Upgrade to Blazor 0.9.0 (Part 1)
- TrailingIcon in MatButton
- Added integration with BlazorFiddle.com
- MatIconButton - Href bacame Link
- Upgrade to Blazor 0.7.0
- MatDrawer in progress
For how-to questions and other non-issues, for now you can use issues or you can use
We'd greatly appreciate any contribution you make. :)
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.
- Implementation of base functionality from MDC Web
- Implementation of first versions of more rich components, like Table, AutoComplete, Accordion (Expansion Panel), Calendar, DatePicker and etc.
- Improvement existing component's functionality. Make API near the same as Angular Material (or React, Vue)
- JS-less. Implement components as much as possible without using JS.
This project is licensed under the terms of the MIT license.