0phois / MudBlazor.StaticInput

Blazor Component Library extension for MudBlazor. Focusing on input components for Static Server-Side Rendered pages
MIT License
18 stars 2 forks source link
blazor blazor-components blazor-interactive-auto blazor-ssr bunit component-library form-components material-design microsoft-identity mudblazor mudblazor-ssr non-interactive playwright-dotnet static-server-side-rendering

MudBlazor.StaticInput

MudBlazor.StaticInput

GitHub License GitHub Actions Workflow Status NuGet Version NuGet Downloads

:book: Introduction :book:

MudBlazor.StaticInput is an extension package for the MudBlazor library.
Tailored specifically for Static Server-Side Rendered (static SSR) pages. It offers seamless integration of MudBlazor's Component design into your applications. Focusing particularly on components designed for forms and edit forms, in situations where interactive components are not feasible.
[example: Blazor Identity UI].

Static Input Demo

:thinking: Why MudBlazor.StaticInput? :thinking:

:gift: What's Included :gift:

The set of components and features may extend over time. Currently, Static Input Components includes:

MudStaticButton

A Material Design button that supports form actions such as 'submit' and 'reset' ```html Login ```

Note: <MudButton> is 100% functional in forms when used correctly. The static component simply assists in assuring the correct usage.

MudStaticCheckBox

Checkboxes are a great way to allow the user to make a selection of choices. ```html Remember Me ``` ```cs @code{ public bool RememberMe { get; set; } } ```

MudStaticSwitch

Similar to a checkbox but visually different. The switch lets the user switch between two values with the tap of a button. ```html Remember Me ``` ```cs @code{ public bool RememberMe { get; set; } } ```

MudStaticTextField

Text field components are used for receiving user provided information ```html ``` ```cs @code { public string Password { get; set; } } ```

:rocket: Getting Started :rocket:

To start using MudBlazor.StaticInput in your projects, simply install the package via NuGet Package Manager:

dotnet add package Extensions.MudBlazor.StaticInput

Then add the following to the body of your App.razor file

 <script src="https://github.com/0phois/MudBlazor.StaticInput/raw/master/_content/Extensions.MudBlazor.StaticInput/NavigationObserver.js"></script>

Note: MudBlazor should already be setup for your application