Git Product home page Git Product logo

samprof / matblazor Goto Github PK

View Code? Open in Web Editor NEW
2.8K 66.0 384.0 59.78 MB

Material Design components for Blazor and Razor Components

Home Page: http://www.matblazor.com

License: MIT License

C# 39.35% CSS 0.20% HTML 55.72% JavaScript 1.92% Batchfile 0.07% TypeScript 0.74% PowerShell 0.02% SCSS 1.93% Dockerfile 0.05%
material blazor material-design razor-components blazor-component blazor-client blazor-server

matblazor's Introduction

MatBlazor MatBlazor

Material Design components for Blazor and Razor Components

NuGet Gitter GitHub Stars GitHub Issues Live Demo MIT Donate Patreon

MatBlazor comprises a range of components which implement common interaction patterns according to the Material Design specification.

Demo and Documentation

Prerequisites

Don't know what Blazor is? Read here

Complete all Blazor dependencies.

  • .NET 6.0
  • Visual Studio 2022 with the ASP.NET and web development workload selected.
  • Requires access to internet for CSS download

Installation

Latest version in here: NuGet

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" />

Usage

MatBlazor Buttons Example

<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";
  }
} 

Sponsors & Backers

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.

Sponsors:

  • Phil Parkin
  • Patreon: Luiz Sampaio
  • Patreon: Eric Vander Wal
  • Patreon: Czeysy Pataro
  • Patreon: Rene Zaal
  • Patreon: Lachlan Gordon
  • Patreon: Stas Levich
  • Patreon: Jay Arrowz

Backers:

Contributing

We'd greatly appreciate any contribution you make. :) Also we have official Contributors team:

Contributing Tips

  • Submit all PR's against the 'develop' branch. This is where all PR's are tested by collaborators before being reviewed and merged into the 'master' branch.
  • Please do not include the compiled .js / .css in your PR's. These are autogenerated during builds and get rewritten.
  • For PR's with UI updates please take a few minutes to review the Demo component for the changes and add the new functionality in Demo for the component you are editing. Not only will this allow for easier testing / merging of your PR it will give others an opportunity to see the capabilities of MatBlazor.

News

Roadmap

  • MatVirtualScroll - complete new component
  • MatDataTable - complete new component
  • MatDatePicker - improvements
  • MatTreeView - complete new component
  • MatAutocomplete - new implementation of component

MatBlazor 2.10.0

  • Supports .NET 6.0

MatBlazor 2.9.0

  • Supports net5.0;netstandard2.1
  • PR: MatTreeView - new component #788 (Thanks to adameste)
  • PR: Fix MatAutocompleteList re-render list on items update #857 (Thanks to Ogglas)
  • PR: Remove duplicate Id for MatSlideToggle #848 (Thanks to Lucidize)
  • PR: Delete launchSettings.json #831 (Thanks to stefanloerwald)
  • PR: Specify a GroupName for MatRadioGroup #823 (Thanks to PeteJobi)
  • PR: Double Navigation Fix #823 (Thanks to PeteJobi)
  • PR: Remove MatBlazor.TestApp.ServerApp #809 (Thanks to Christian-Oleson)
  • PR: SurfaceColor for text field component #815 (Thanks to InRedikaWB)
  • PR: Avoid async void for UI events #808 (Thanks to Christian-Oleson)
  • PR: MatToast documentation #807 (Thanks to Christian-Oleson)
  • PR: MatToast - Include method overload to call toast without title #806 (Thanks to Christian-Oleson)
  • PR: Cleanup the MatTable Code #805 (Thanks to Christian-Oleson)
  • PR: Cleanup console.log's #804 (Thanks to Christian-Oleson)
  • PR: MatSelect - avoid calling OnValueChanged method if it does not change #795 (Thanks to damianog)
  • PR: Enabling PageSize and CurrentPage to be bound to on MatTable #794 (Thanks to naretto)
  • PR: Fix Tooltip left #784 (Thanks to danikf)
  • PR: NavItem OnClick was ignored #776 (Thanks to Bimble)

MatBlazor 2.8.0

  • Add new ForwardRefContext component (SamProf)
  • Add new MatDialogService and MatPortalService (SamProf)
  • PR: Add new MatProgressCircle component #752 (Thanks to louisfischer)
  • PR: Add new MatPaper component #707 (Thanks to EduVencovsky)
  • PR: Add new MatButtonLink #745 (Thanks to PeteJobi)
  • PR: MatDatePicker Localized feature #715 (Thanks to ummerland)
  • PR: TextField Label should be transparent as Default #704 (Thanks to enkodellc)-
  • PR: Enable MatSlider values update from code-behind #725 (Thanks to MarosValter)
  • PR: Bugfix - Task canceled exception #737 (Thanks to Christian-Oleson)
  • PR: Update MatBlazor Packages #738 (Thanks to Christian-Oleson)
  • PR: Cleanup usings, errors, warnings, etc. #739 (Thanks to Christian-Oleson)
  • PR: MatAccordion cleanup code and removed redundant base class #761 (Thanks to damianog)
  • PR: Fixes MatChip TrailingIconClick #750 (Thanks to kylepope-ge)
  • PR: Code cleanup #762 (Thanks to damianog)
  • PR: Snap NumericUpDown to min/max values on string parse. #764 (Thanks to adameste)

MatBlazor 2.7.0

  • Update MDC Web to 7.0.0 (SamProf)
  • Changed DOM and JS for many components, because of changes in MDC Web 7.0.0 (SamProf)
  • Fixed: Floating label in Outlined MatTextField-based components (SamProf)
  • Fixed Validation via EditContext colors (SamProf)
  • PR: Add Width property for Drawer #666 (Thanks to redradist)
  • PR: MatSelect: FullWidth parameter #670 (Thanks to stefanloerwald)
  • PR: Cleanup #673 (Thanks to stefanloerwald)
  • PR: Table Re-Rendering Fix #692 (Thanks to erlendp)
  • PR: Custom Drawer Width Demo. Readme contribution updates #701
  • PR: Fix part of issue with FullWidth MatTextField and Placeholder #677 (Thanks to stefanloerwald)
  • PR: Responsive menu on Demo page, icons change to menu on smaller screens. #684 (Thanks to PA4WD)
  • PR: Spaces in folder name's break DemoContentGenerator.Generate() #685 (Thanks to PA4WD)
  • PR: Some language improvements #686 (Thanks to PA4WD)
  • PR: Fixes #619 Validation styles for outlined Text fields #702 (Thanks to enkodellc)
  • PR: Remove event on Dispose instead of adding one #703 (Thanks to LeoVen)

MatBlazor 2.6.3

  • PR: Simplify deploying js/css #657 (Thanks to stefanloerwald)
  • PR: Update README.md (Mentioned that internet access is required in Prerequisites) #610 (Thanks to rokx)
  • PR: Checkbox indeterminate state fixes #664 (Thanks to lindespang)
  • PR: MatSlider Immediate #665 (Thanks to stefanloerwald)

MatBlazor 2.6.2

  • PR: Update Slider to Add Pin & Markers #639 (Thanks to enkodellc)
  • PR: MatTable double click #629 (Thanks to sebestyn168)
  • PR: Fix MatAutocomplete fails with tab and google autofill #614 (Thanks to sebestyn168)
  • PR: Update MatSlider for Pin and Markers (Thanks to enkodellc)
  • PR: MatSelect - Adding support for GUID / GUID? #634 (Thanks to softwaretirol)
  • PR: Toast theme fixes, fixes #604 #612 (Thanks to lindespang)
  • PR: Added issue template for feature request and question, updated bug te… #608 (Thanks to SeppPenner)
  • PR: Added mouse over texts for MatNavMenu components, adjusted examples. #606 (Thanks to SeppPenner)
  • PR: MatBlazor.com redesign #603 (Thanks to lindespang)
  • PR: MatChip / MatChipSet: implemented exclusive and non-exclusive selection #601 (Thanks to henon)
  • PR: Bugfix for pagecounter in MatTable #561 (Thanks to lindespang)
  • PR: Fix typo in MatSelect demos #563 (Thanks to lindespang)
  • PR: Bugfix/fix doc spelling errors #565 (Thanks to CSOleson)
  • PR: MatSnackbar - Timeout parameter and Updated documentation #596 and #600 (Thanks to henon)
  • PR: Add more specific css selector for transforming the floating label #599 (Thanks to dbereghici)
  • PR: MatHelperText Created #569 (Thanks to EduVencovsky)
  • PR: Added ForceLoad option for MatButton and MatIconButton (Fixes #330) #570 (Thanks to Garderoben and enkodellc)
  • PR: Added LazyRendering for MatExpansionPanel + bug fix #578 (Thanks to lindespang)

MatBlazor 2.6.0

  • Update to Latest Microsoft.AspNetCore.Components 3.1.4 and Microsoft.AspNetCore.Components.WebAssembly 3.2.0
  • Update MDC-Web components to 6.0.0
  • MDC 6.0.0 updates for TextField #538 (Thanks to enkodellc)
  • Target for MatButton / MatIconButton #539 (Thanks to enkodellc)
  • PR: Fixed multiple Autocomplete Issues #548 (Thanks to sandrohanea)
  • PR: Can't select item in MatAutocompleteList #546 (Thanks to sandrohanea)
  • Fix MatMenu AnchorElement bug
  • Fix MatTextField inside Dialog
  • PR: Added Primary Color to MatSelect Label #522 (Thanks to EduVencovsky)
  • PR: Added documentation for SlideToggle value changed event. #530 (Thanks to SeppPenner)

MatBlazor 2.4.3

  • MatVirtualScroll - New component-
  • Added label color to theme primary color #488 (Thanks to EduVencovsky)
  • Correct padding for MatTextField with leading icon #483 (Thanks to EduVencovsky)
  • PR: Added, return item object from selected row event. #511 (Thanks to UrizielTSD)
  • PR: Added ability to close MatMenu programmatically. #504 (Thanks to IKingJohnI)
  • PR: Use height instead of max-height in mat-expansion-panel base/expanded #484 (Thanks to esso23)
  • PR: Remove node-sass and add temporary workaround for sass-loader. #481 (Thanks to esso23)

MatBlazor 2.3.0

  • PR: Add implementations for nullable primitive types: sbyte?, byte?, short?, ushort?, int?, uint?, long?, ulong?, char?, float?, double? #449 (Thanks to fire-birdie)
  • MatNumericUpDownField - Added FieldType parameter with Numeric, Currency, and Percent types #462 (Thanks to RonPeters)
  • PR: MatDatePicker - Do not display the time in the text field by default. Respect the Format and EnableTime parameters. #462 (Thanks to RonPeters)
  • PR: MatDatePicker - Fixed Minimum and Maximum implementation by comparing only dates if EnableTime is false, and comparing dates and times if EnableTime is true #462 (Thanks to RonPeters)
  • PR: Added ability to hide toggle button in MatAccordion / MatExpansionpanel #446 (Thanks to lindespang)
  • PR: Add Parameter to MatNavItem to allow user to set the NavLinkMatch #456 (Thanks to enkodellc)
  • PR: Add Id and Attributes to MatSelect #454 (Thanks to hailstorm75)
  • PR: MatIconButton - Added OnClickStopPropagation #462 (Thanks to RonPeters)
  • PR: MatButton - Added OnClickStopPropagation #462 (Thanks to RonPeters)
  • PR: MatDatePicker - Fixed the labeling of the DisableMobile Demo #462 (Thanks to RonPeters)
  • PR: ToolTip Fix #450 (Thanks to EduVencovsky)
  • PR: package.json - Fixed invalid structure and updated some packages to address some of the vulnerabilities identified in audit #462 (Thanks to RonPeters)

MatBlazor 2.2.0

  • .NET Core 3.1.2 + .NET Core 3.2.0-Preview 1 Releases
  • MatSortHeader, MatSortHeaderRow - New component
  • Fix: MatDatePicker always display's current month/year #431

MatBlazor 2.1.2

  • MatPaginator - New component
  • Fix: Impelement custom hoistMenuToBody for MatSelect and MatMenu - fix #415
  • Fix: Ripple effect for MatButton

MatBlazor 2.1.1

  • MatSelect, MatSelectItem, MatSelectValue components supports EditContext
  • ValidationDisabled parameter added to input components
  • PR: Update MatBlazor Demo Menu #414 (Thanks to americanslon)
  • PR: Updated prerequisites #413 (Thanks to NPadrutt)

MatBlazor 2.1.0

  • Breaking changes - Upgrade an existing project

    • Add <link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" /> to html code
    • Update to .NET Core 3.2 Preview 1 libraries
  • PR: 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>

    • Populate options using Items collections and optional ItemTemplate
    • Generic type supports: TValue parameter should be defined if he is not inferred.
    • Supports Blazor validation using EditContext
    • Supported types: any
  • MatSelectValue<TItem, TValue>

    • Populate options using Items collections and optional ItemTemplate using ValueSelector
    • Generic type supports: TValue parameter should be defined if he is not inferred.
    • Supports Blazor validation using EditContext
    • Supported types: any
  • MatFileUpload - progress bar added, improoved performance

MatBlazor 2.0.5

  • MatFileUpload - inital version of component
  • Implemented: Add possibility of initial state of MatIconButton #401. Implemented Toggled parameter and ToggledChanged.
  • Fixed: Small bug with numeric up/down field #402. Overflow in numeric values.

MatBlazor 2.0.1

  • MatSelect was rewrited and prepared for MatSelectItem and MatSelectValue, supported only Enhanced mode, Disabled for MatOption is temporary not working
  • PR: Added MatTreeView #360 (Thanks to sprotty)
  • PR: Filtering on multiple columns #384 (Thanks to VDSYannick)
  • PR: Fix #393, Fix #319, MatNavItem still clickable when disabled=true. Add OnClick to MatNavItem #394 (Thanks to enkodellc)
  • PR: Prevent circular overflow on MatNumericUpDownField #378 (Thanks to sebestyn168)
  • PR: Added @key attribute to MatTable table row #361 (Thanks to plebnz)
  • PR: added @key attribute to MatTab content #395 (Thanks to chris1411)
  • PR: Matlist selectedIndex default value set to -1 #354 (Thanks to radutomy)

MatBlazor 2.0.0 (Reinvention MatBlazor Forms)

  • This release contain a lot of breaking changes, sorry for that.
  • The main goal of this release was to unify all components for forms, generic type support, reduction of dependence of JS, active use of OOP and the possibility of more active expansion in the future.
  • Update to .NET Core 3.1 Preview 4
  • MatAutocomplete
    • MatAutocomplete renamed to MatAutocompleteList
    • ItemType renamed to TItem
    • Collection renamed to Items
    • new MatAutocomplete component will be in 2.1.0
  • MatCheckbox
    • Generic type supports: TValue parameter should be defined if he is not inferred.
    • Supported types: bool, bool?
    • Indeterminate mode
    • Supports Blazor validation using EditContext
    • Checked renamed to Value
    • CheckedChanged renamed to ValueChanged
    • Unmatched Attributes is appended to main component HtmlElement (not InputElement). Use InputAttributes instead.
  • MatDatePicker
    • Generic type supports: TValue parameter should be defined if he is not inferred.
    • Supported types: DateTime, DateTime?
    • Supports Blazor validation using EditContext
    • DateFormat renamed to Format, and this is full .NET formatting of DateTime
    • Minimum, Maximum paramneteres added
    • NoCalendar renamed to DisableCalendar
    • AltFormat, AltInputClass, Inline removed
  • MatNumericUpDownField
    • Generic type supports: TValue parameter should be defined if he is not inferred.
    • Supported types: sbyte, byte, short, ushort, int, uint, long, ulong, char, float, double, decimal, decimal?
    • Supports Blazor validation using EditContext
  • MatRadioButton
    • Generic type supports: TValue parameter should be defined if he is not inferred.
    • Supported types: any
    • Supports Blazor validation using EditContext
  • MatSelect
    • Populate options using MatOption component manually
    • Generic type supports: TValue parameter should be defined if he is not inferred.
    • Supports Blazor validation using EditContext
    • Supported types: string, sbyte, byte, short, ushort, int, uint, long, ulong, char, float, double, decimal, decimal?, DateTime, DateTime?, bool, bool?
    • For string values - MatSelectString, MatOptionString
  • MatSlider
    • Generic type supports: TValue parameter should be defined if he is not inferred.
    • Supported types: sbyte, byte, short, ushort, int, uint, long, ulong, char, float, double, decimal, decimal?
    • Supports Blazor validation using EditContext
    • Added Step parameter
  • MatSlideToggle
    • Generic type supports: TValue parameter should be defined if he is not inferred.
    • Supported types: bool, bool?
    • Supports Blazor validation using EditContext
  • MatTextField, MatStringField
    • Generic type supports: TValue parameter should be defined if he is not inferred.
    • Supported types: string, sbyte, byte, short, ushort, int, uint, long, ulong, char, float, double, decimal, decimal?, DateTime, DateTime?, bool, bool?
    • Supports Blazor validation using EditContext
    • New component MatStringField - replacement old MatTextField - just for string values without generic TValue parameter.
  • MatBlazorInstall - removed

MatBlazor 1.10.1

  • Update to .NET Core 3.1 Preview 1
  • Added an active index to the MatTabGroup and MatTabBar #289 (Thanks to chris1411)
  • Auto-Active MatNatItem #268 (Thanks to enkodellc)
  • Fixed "Items per Page" #290 (Thanks to msitconsulting)
  • Update Readme.md (EmbeddedBlazorContent) #270 (Thanks to manuel3108)
  • Update BlazorBoilerplate description #299 (Thanks to enkodellc)

MatBlazor 1.9.0

  • Update to .NET Core 3.0

MatBlazor 1.8.0

  • Update to .NET Core 3.0 RC 1

MatBlazor 1.7.4

  • Support arrow keys and Enter in Autocomplete #237 (Thanks to dga711)
  • MatDialog: New CanBeClosed property #241 (Thanks to dga711)
  • Fix: Enhanced MatSelect throws exception(#231) #242 (Thanks to aviezzi)

MatBlazor 1.7.2

  • PR: Add some padding to toasts #238 (Thanks to dga711)
  • PR: AutoComplete list cleaner look #239 (Thanks to dga711)

MatBlazor 1.7.1

  • Change info in Nuget package

MatBlazor 1.7.0

  • Update to .NET Core 3.0 Preview 9
  • PR: Return Toast instance on IMatToaster.Add method #228 (Thanks to Sebbstar)
  • PR: Replaced all @functions by @code. #233 (Thanks to SeppPenner)

MatBlazor 1.6.4

  • Fix: MatAutocomplete StringValue clearing #216 (Thanks to lukblazewicz)
  • Fix: MatSelect option list in enhanced mode showing example list #221 (Thanks to aviezzi)

MatBlazor 1.6.3

  • MatTable: Fix broken paginator when infinite items selected #202 (Thanks to dga711)
  • MatDialog.IsOpenChanged now also fires on open #200 (Thanks to dga711

MatBlazor 1.6.2

  • Fixed: MatTooltip: Position inside <table> is off #195

MatBlazor 1.6.1

  • Check ComponentContext.IsConnected for all Js-Invoke's
    • This should have solved the problem with the RenderStaticComponentAsync, but did not.
    • You should use RenderComponentAsync, also because in Preview 9 RenderStaticComponentAsync will be removed (dotnet/aspnetcore#12245).
  • PR: Incorporate validation styling and improve EditContext demo #190 (Thanks to ebekker)

MatBlazor 1.6.0

  • Update to .NET Core 3.0 Preview 8

MatBlazor 1.5.4

  • Fix of EditContext for MatDatePicker

MatBlazor 1.5.3

  • PR: Add flatpickr options to MatDatePicker #182 (Thanks to djinnet)
  • PR: Initial support for EditContext-based validation #178 (Thanks to ebekker)

MatBlazor 1.5.2

  • PR: Adding example for nested sub menus and new "toggle all" feature #176 (Thanks to ebekker)

MatBlazor 1.5.1

  • PR: Adding support for nested NavSubMenus #174 (Thanks to ebekker)

MatBlazor 1.5.0

  • MatCard improvements

MatBlazor 1.4.1

  • MatTypography improvements

MatBlazor 1.4.0

  • 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)

MatBlazor 1.3.0

  • 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

MatBlazor 1.2.0

  • .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)

MatBlazor 1.1.1

  • Fixed Clicking on Icon in DatePicker doesn't show the calender selection window. #86

MatBlazor 1.1.0

  • MatHidden

MatBlazor 1.0.1

  • Material theme configuration #90

MatBlazor 1.0.0

  • MatAccordion, MatExpansionPanel
  • MatTooltip
  • ForwardRef concept

MatBlazor 0.9.14

  • MatFAB - Floating Action Button

MatBlazor 0.9.13

  • MatThemeProvider (Themes support)
  • MatAppBarContainer, MatAppBarContent
  • PR: MatNumericUpDownField #78 - early preview (ctrl-alt-d)
  • MatMenu fix (added class and style support)

MatBlazor 0.9.12

  • MatDatePicker (alpha)
  • MatTextField ReadOnly
  • MatTextField InputClass and InputStyle
  • MatButton Type, Name, Value #75

MatBlazor 0.9.11

  • MatTabGroup and MatTab components
  • MatTabBar and MatTabLabel components

MatBlazor 0.9.10

  • 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

MatBlazor 0.9.9

MatBlazor 0.9.8

MatBlazor 0.9.7

  • Fixed Drawer problem

MatBlazor 0.9.6

  • All components in one namespace MatBlazor (only one using directive)
  • PR: Revert back to C# 7.3 #66 (enkodellc)

MatBlazor 0.9.5

  • Fixed problem with including *.razor files
  • PR: #63 MatBlazor Logo / .svg / .ico #65 (enkodellc)

MatBlazor 0.9.4

  • Now we have Logo (many thanks to enkodellc)
  • PR: Prevent *.razor files from being packed #64 (IvanJosipovic)
  • Fixed Examples generation

MatBlazor 0.9.3

  • 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)

MatBlazor 0.9.2

  • PR: MatTable Version 1 #58 (enkodellc, arivera12)

MatBlazor 0.9.1

  • 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)

MatBlazor 0.9.0

  • 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)

MatBlazor 0.6.17

  • Fixed Select is showing native arrow? #48 (sandrohanea)

MatBlazor 0.6.16

  • New component MatAutocomplete (sandrohanea)

New domain name

MatBlazor 0.6.15

  • New component MatSnackbar

MatBlazor 0.6.14

  • New component MatRipple

MatBlazor 0.6.13

  • New styles Layout Grid

MatBlazor 0.6.12

  • New component MatDialog
  • MatCheckbox add inline label (enkodellc)

MatBlazor 0.6.11

  • New component MatProgressBar

MatBlazor 0.6.10

  • New styles Elevation
  • License of used packages added to js boundle

MatBlazor 0.6.9

  • Changed all events to EventCallback
  • Show Icons when MatTextField has FullWidth (enkodellc)

MatBlazor 0.6.8

  • Improved events for MatTextField (sandrohanea + SamProf)

MatBlazor 0.6.7

  • Added Typography styles

MatBlazor 0.6.6

  • Added Href parameter to MatListItem component

MatBlazor 0.6.5

  • MatTextField - fixed label

MatBlazor 0.6.4

  • MatMenu - first working implementation

MatBlazor 0.6.3

  • New MatDrawer
  • Fix MatAppBar (fixed-adjust div)

MatBlazor 0.6.2

  • Added Style Parameter for all components
  • Added BaseMatComponent Docs
  • MatDrawer in progress

MatBlazor 0.6.1

  • Introduce Razor Components support (MatBlazorInstall component)

MatBlazor 0.6.0

  • 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

MatBlazor 0.5.0

  • Upgrade to Blazor 0.9.0 (Part 1)

MatBlazor 0.4.5 (Minor)

  • TrailingIcon in MatButton

MatBlazor 0.4.4

  • Added integration with BlazorFiddle.com
  • MatIconButton - Href bacame Link

MatBlazor 0.4.3

  • Upgrade to Blazor 0.7.0
  • MatDrawer in progress

Questions

For how-to questions and other non-issues, for now you can use issues or you can use Gitter.

Vision

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.

  1. Implementation of base functionality from MDC Web
  2. Implementation of first versions of more rich components, like Table, AutoComplete, Accordion (Expansion Panel), Calendar, DatePicker and etc.
  3. Improvement existing component's functionality. Make API near the same as Angular Material (or React, Vue)
  4. JS-less. Implement components as much as possible without using JS.

License

This project is licensed under the terms of the MIT license.

Thank you

matblazor's People

Contributors

adameste avatar akovac35 avatar albiberto avatar christian-oleson avatar ctrl-alt-d avatar damianog avatar ebekker avatar eduvencovsky avatar enginexon avatar enkodellc avatar esso23 avatar henon avatar ivanjosipovic avatar jacomarcon avatar jorgy343 avatar lindespang avatar marosvalter avatar npadrutt avatar ogglas avatar petejobi avatar redradist avatar ronpeters avatar samprof avatar sandrohanea avatar sebestyn168 avatar sepppenner avatar sprotty avatar stefanloerwald avatar urizieltsd avatar victorlindespangcab avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

matblazor's Issues

MatSlider ValueChanged does not fire

Hello there,

Thanks for all great razor components.

I'm using the MatSlider component, but the ValueChanged event does not fire, and examples in the doc don't show anything about it. Please, could anybody help me on this? Also, the Step property does not make any change on the slider.

Thanks in advance.

How to set custom values for CSS properties

thanks for the components - I really enjoy experimenting with them.

I was wondering if there is a way to set custom values for CSS properties like --mdc-theme-primary?
It would be nice to control the overall look of the components by setting a global property.

align the icon in a MatButton

It would be nice to be able to align the icon for a MatButton the same way we can do it with the MatChip using LeadingIcon or TrailingIcon

Elevation

I want to elevate the app bar to make a cooler design.
Can you help me to do this?

Thanks

Tooltip

Please add Tooltip support

Error since adding MatBlazor: The types BlazorWebAssemblyHost and IWebAssemblyHostBuilder exist in two assemblies

Hello MatBlazor developers!

Blazor and MatBlazor are both great ideas. I'm experimenting with them at the moment in a Blazor
app using v 0.9.0 Preview 3 of Blazor.

Since I installed the MatBlazor library (latest stable v 0.4.5 from Nuget) it has introduced a compilation error into my project. The error is below:

Error CS0433 The type 'IWebAssemblyHostBuilder' exists in both 'Microsoft.AspNetCore.Blazor.Browser, Version=0.7.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60' and 'Microsoft.AspNetCore.Blazor, Version=0.9.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60' BlazorClient C:\Users\USER\BlazorClient\Program.cs 12

And here is line 12-16 of Program.cs (which I have not changed - it's just from the template)

        public static IWebAssemblyHostBuilder CreateHostBuilder(string[] args)
        {
            return BlazorWebAssemblyHost.CreateDefaultBuilder()
                .UseBlazorStartup<Startup>();
        }

Fully qualifying the names of these two classes (IWebAssemblyHostBuilder and BlazorWebAssemblyHost) did not help. I guess because they're exactly the same classes in the same namespaces but have moved from one DLL to another.

Can anybody assist with this error please?

Many thanks in advance!

Benjamin

Nuget package for last version before upgrading to .net core 3

Hi,

I just started to use your project and i love it! Very clean and easy to use. I discovered that the version 0.4.5 doesn't have many of the controls you've already implemented. I would like to stick with .NET Core 2.x. Would you be so kind and generate a nuget package with latest state before you upgraded to .NET Core 3.x? Thank you.

Material Design UI version and license

It's not very clear what UI library this project depends on and what version it's using.
There are no comments or licenses (must be retained in some cases) in the JS/CSS files

It appears that its using the following https://github.com/material-components/material-components-web

This libraries license states: "The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software."

 * @license
 * Copyright 2016 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */

Text Button rendering issue

Text Button is rendered incorrectly in Safari.

Screenshot 2019-04-10 at 10 47 24

I think mdc-button has 2 line-height styles on of which is incorrect.

Expansion Panel

I see other Material Repos with an Expansion Panel. I started building one and was curious if I did one is that something you would want in MatBlazor? I can build in my repo and have you review it before submitting a PR.

Looking at the angular or the React as examples:

https://material-ui.com/demos/expansion-panels/
https://material.angular.io/components/expansion/overview#action-bar

A couple of questions if you want. Where is the best place to put custom css or javascript? I have not come across any place yet in your repo.

BlazoGridView Code Sharing

Hi @enkodellc I saw your reply. I have been very busy with not too much time. I will share my BlazorGridView component code. Its still lack of missing some features like clicking on header and sort the table but the paging is fully functional server/client side. Let me know if you need some help to get in it to work. I left the code in txt file cause the gridview is pretty long and the BlazorMessageAlert is being used internally. You can remove the blazor message alert component it is in really needed at all, I did't for personal purpose and for the gridview to be self managed by itself. I have other components handcfrated like autocomplete, input, checkbox, listview if you are interest to see them let me know to prepare another project with all the samples running so you can adapt it to you framework more easily. Cheers!
PS: I saw you already have most of them. haha
BlazorMessageAlert.txt
BlazorGridView.txt

Razor Components

It seems the library breaks if I try to use it in razor components? can anyone help?

Logo and icon

If somebody have idea or opportunity or Inspiration to make logo or icons for our project, it would be good.

Autocomplete issue

Steps to reproduce:
Go to demo http://matblazor.com
In the first autocomplete select one
Try to remove one character

Cause:
AllowFreeText is by default false which cause to consider on a free text and autoselect the first value in the list(one) so you cannot delete.

Fixed:
That I remove AllowFreeText functionality and use true as default. If someone doesn't want to allow free text, they'll use a select instead of an autocomplete.

Tested:
That MatAutocomplete works as expected.

I'll also add some documentation for MatAutocomplete.

AutoComplete

I am very excited of what @sandrohanea make.
So, I think in very nearest feature we will have AutoComplete component.
Thank you!

Table

I am building the MatTable component. Attempting to keep it simple to start and most likely will get a lot of requests for functionality and that control. Needs to start somewhere though.

Will have a PR for it soon. Needed the MatIconButton Changes for the Pagination control.

FullWidth MatTextField style

This piece of css is causing the placeholder to be too close to the input text. Is this desired? I can do my own css to change it but to me it seems like it is something that is not needed. If I remove it then it looks more correct:

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input{padding: 0 }

Before / After:

Padding

I can submit a PR if you like. Thanks

Button Icon Customisation

Is it possible to customise background and foreground colours of MatIconButton? I tried to use Class and Style, but they were ignored.

Cleanup Demo

Howdy! Wanted to post an issue before I just did it, but I was thinking about going through and doing the follow (and possibly more) for demo:

  • Fix left nav buttons to nav on click anywhere (rather than just text)
  • Add padding to right page
  • Small tweaks like making the iframe for the Navigation demo component look cleaner.

If you'd take a PR, I'd be happy to do the above :)

CheckBox in CompnentBase Class

Error: System.InvalidOperationException: Object of type 'MatBlazor.Components.MatCheckbox.MatCheckbox' does not have a property matching the name 'ChildContent'

Error when using checkbox in a page when the page inherits a class with the ComponentBase class. It looks like this parameter is missing. I am submitting a PR for it now. I am not 100% if other components need this as well.

Also I am getting the error in my app and was able to recreate it in the MatBlazor.Demo.App.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.