MComponents

This is a Blazor component library with data-entry, navigation, feedback, and workflow controls.

Components

Data and input	Layout and navigation	Feedback and utilities
MForm	MAccordion	MBadge
MGrid	MCards	MPaint
MInputFile	MPopup	MProgressbar
MQueryBuilder	MScrollAnchor	MSpinner
MSelect	MSeparator	MToaster
	MTabs	MTooltip
	MWizard

Each Wiki page includes simple and advanced examples. The same scenarios are runnable in the ExampleApp component gallery.

Screenshots

How to use?

Add the following references to your _Host.cshtml

<link href="_content/MComponents/css/fontawesome.css" rel="stylesheet" />
<link href="_content/MComponents/css/mcomponents.css" rel="stylesheet" />
<script src="_content/MComponents/js/mcomponents.js"></script>

If you want to use MPaint add

<script src="_content/Blazor.Extensions.Canvas/blazor.extensions.canvas.js"></script>

Add to Startup.cs:

services.AddMComponents(options =>
{
    options.RegisterResourceLocalizer = true;
    options.RegisterStringLocalizer = true;
});

and if you want to use RequestLocalization

app.UseRequestLocalization();

Add to App.razor or MainLayout.razor

<MComponentsRoot />

Documentation and contributions

Read the complete GitHub Wiki. Its Markdown sources are versioned in the Wiki directory.

Please create an issue or pull request if you want to support this project.