KaizenIO.UI 0.0.5-preview.7

.NET 9.0 This package targets .NET 9.0. The package is compatible with this framework or higher.
This is a prerelease version of KaizenIO.UI. 
dotnet add package KaizenIO.UI --version 0.0.5-preview.7
                    


                    

                
NuGet\Install-Package KaizenIO.UI -Version 0.0.5-preview.7
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="KaizenIO.UI" Version="0.0.5-preview.7" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="KaizenIO.UI" Version="0.0.5-preview.7" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="KaizenIO.UI" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add KaizenIO.UI --version 0.0.5-preview.7
                    


                    

                
#r "nuget: KaizenIO.UI, 0.0.5-preview.7"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package KaizenIO.UI@0.0.5-preview.7
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=KaizenIO.UI&version=0.0.5-preview.7&prerelease
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=KaizenIO.UI&version=0.0.5-preview.7&prerelease
                    


                            Install as a Cake Tool

Kaizen.UI

Kaizen.UI is a Blazor component library providing reusable UI components and patterns for building web applications.

You can view the demo and documentation here

Installation

  1. dotnet add package KaizenIO.UI
  2. Reference the stylesheet 
    <link rel="stylesheet" href="@Assets["_content/KaizenIO.UI/kaizen-ui.css"]" />
  3. Add the following to your _Imports.razor file: 
    @using Kaizen.UI.Components
@using Kaizen.UI
@using Blazicons
  4. To get the ToastService to work, add this to your Program.cs. 
    builder.Services.AddScoped<ToastService>();
    Then add the Toaster to your MainLayout.razor file. See example below.

How to Use

Layout

Kaizen UI ships with some css classes that let you arrange the layout in a mobile and desktop friendly way. Here is a simple example of a layout with a collapsible left navigation.

This also shows how to setup the Toaster so the ToastService will work.

@inherits LayoutComponentBase

<Toaster />

<div class="layout">
    <header>
        <a href="/" class="logo"></a>
    </header>
    <aside>
        <LeftNavWrapper />
    </aside>
    <main>
        @Body
    </main>
</div>

Default Styles

The kaizen-ui.css contains default styles that will affect how inputs appear, as well as provide several classes to help provide a consistent look and feel throughout your application.

These are fairly minimal. The Kaizen UI philosophy is to leave the creativity up to the consumer and to be easy to override. The styles presented here are meant to be good starting off points, and aren't very opinionated.

Requirements

  • Supported version of .NET (9.0 or higher)

Other Projects

This project uses Blazicons.Lucide for icons. More on that here.

Contributing

Feel free to submit issues and enhancement requests.

License

MIT

Product Compatible and additional computed target framework versions.
.NET net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
0.0.5-preview.7 79 4/30/2026
0.0.5-preview.6 94 4/1/2026
0.0.5-preview.5 62 4/1/2026
0.0.5-preview.4 65 3/26/2026
0.0.5-preview.3 63 3/25/2026
0.0.5-preview.2 105 2/18/2026
0.0.5-preview.1 71 2/17/2026
0.0.4 312 2/16/2026
0.0.3 120 1/9/2026
0.0.2 335 12/17/2025
0.0.1 299 12/16/2025

Added:
- GridColumnHeader now supports ChildContent to allow custom content rendering, defaulting to the column name
- ToolbarButton now supports IsActive parameter that displays a check icon when active
- SearchChanged callback for ComboBox, allows for fetching data when searching
- ComboBox fuzzy matching now fuzzy matches any combination of words typed in
- Editable now supports an OtherActions RenderFragment for rendering additional buttons alongside the edit action

Fixed:
- Paginator and DataGrid pagination calculation was incorrect due to integer division
- DataGrid no longer resets to page 0 when parameters change; only resets if current page is out of bounds
- Layout no longer breaks the scroll position when refreshing the page
- Editable button styles are now scoped to the actions container so they no longer leak into consumer templates