KNM.RazorComponents 0.3.7-alpha

KoNiMa Razor Components

Overview

This library provides a set of reusable Razor components designed to work seamlessly with Blazor and .NET MAUI Hybrid applications.
Each component supports isolated CSS and optional JavaScript assets to keep styles and behaviors encapsulated and easy to maintain.

Features

• Reusable, strongly-typed Razor components for Blazor and MAUI Hybrid.
• Isolated CSS per component to avoid style conflicts across the app.
• Optional JS interop for advanced UI behavior (loaded via _content/YourPackageId/...).
• Bootstrap-friendly markup and classes for rapid UI composition.

Installation

Install the package from your NuGet feed (private):

dotnet add package KNM.RazorComponents​

Or via project file:

<ItemGroup>
   <PackageReference Include="KNM.RazorComponents​" Version="1.0.0" />
</ItemGroup> 

​

Getting started

1. Add the namespace to your _Imports.razor (or equivalent):

@using KNM.RazorComponents​

2. Use a basic text input component in a Blazor page:

@page "/example"

<EditForm Model="@model">
    <KNM.TextInput binding="@model.Name" CssClass="outbound" />
</EditForm>

@code {
    private MyModel model = new();
}

​

Example model with attributes

public class MyModel
{
    [Label("Full name", "Enter your full name")]
    [InputType("text")]
    [Size("lg")]
    public string Name { get; set; } = string.Empty;

    [Label("Email", "name@example.com")]
    [InputType("email")]
    [Size("md")]
    public string Email { get; set; } = string.Empty;
}

Roadmap

• Additional input components (select, textarea, checkbox, radio).
• Built-in validation helpers and error display using Blazor EditForm.​
• Extended configuration via custom attributes and DI for option sources.

​