KLib.Blazor
10.0.1
dotnet add package KLib.Blazor --version 10.0.1
NuGet\Install-Package KLib.Blazor -Version 10.0.1
<PackageReference Include="KLib.Blazor" Version="10.0.1" />
<PackageVersion Include="KLib.Blazor" Version="10.0.1" />
<PackageReference Include="KLib.Blazor" />
paket add KLib.Blazor --version 10.0.1
#r "nuget: KLib.Blazor, 10.0.1"
#:package KLib.Blazor@10.0.1
#addin nuget:?package=KLib.Blazor&version=10.0.1
#tool nuget:?package=KLib.Blazor&version=10.0.1
In the services builder add KLib:
builder.Services.AddKLib();
In the _Imports.razor file add the following line:
@using KLib.Components
In the index.html file (or in the App.razor depending by the project type), add the following line in the <head> section:
<link id="klibcss" href="_content/KLib/klib.css" rel="stylesheet" />
and, if you don't have it already, add the bootstrap library (v5/5.3) following the instructions in the Bootstrap documentation. N.B.: Use the bootstrap package with popper, orelse integrate it.
If you use the KSplitter component, you need to add the https://split.js.org/#/ with the following line in the <body> section:
<script src="https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.0/split.min.js"></script>
Complete example:
<head>
...
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link id="klibcss" href="_content/KLib/klib.css" rel="stylesheet" />
...
</head>
...
<script>
...
<script src="https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.0/split.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
...
</script>
In certain scenarios you'll need to specify the render mode of the components. To do this, add the following line in the index.html file (or in the App.razor depending by the project type), in the <head> section:
<body>
...
<Routes @rendermode=RenderMode.InteractiveServer />
...
</body>
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net10.0 is compatible. 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. |
-
net10.0
- MessagePipe (>= 1.8.1)
- Microsoft.AspNetCore.Components.Web (>= 10.0.0)
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 |
|---|---|---|
| 10.0.1 | 273 | 12/15/2025 |