MudBlazor.StaticInput
: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].
:thinking: Why MudBlazor.StaticInput? :thinking:
- Rapid SSSR Integration: Effortlessly add MudBlazor components to your static SSR pages, saving development time.
- Focus on Forms: Streamline development of forms and edit forms, for use cases such as Microsoft Identity Login forms.
- Preserved Look & Feel: Maintains the consistent design and user experience of MudBlazor. Ensuring uniformity across all pages.
- Maintains Flexibility: By inheriting core MudBlazor components, StaticInput maintains the same flexibility as the original components.
: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