Blazor.Winbox
0.2.13
dotnet add package Blazor.Winbox --version 0.2.13
NuGet\Install-Package Blazor.Winbox -Version 0.2.13
<PackageReference Include="Blazor.Winbox" Version="0.2.13" />
paket add Blazor.Winbox --version 0.2.13
#r "nuget: Blazor.Winbox, 0.2.13"
// Install Blazor.Winbox as a Cake Addin
#addin nuget:?package=Blazor.Winbox&version=0.2.13
// Install Blazor.Winbox as a Cake Tool
#tool nuget:?package=Blazor.Winbox&version=0.2.13
Blazor Winbox
Multiple Windows Library that wraps WinBox.js in Blazor Components.
Windows management and rendering processes were inspired by MudBlazor dialogs
Compatibility
Only Blazor WASM (client-side) .NET 6 applications are currently supported. This library is not tested on Blazor Server applications.
Getting Started
Installation:
The Nuget package page can be found here
To install Blazor.Winbox
from Nuget Gallery simply search for its name and install the latest version
Or using Package Manager run the following command
Install-Package Blazor.Winbox
Or using .NET CLI run the following command
dotnet add package Blazor.Winbox
Configurations:
- Import
BlazorWinbox
by adding the following in_Imports.razor
@using BlazorWinbox
- Register Service in
Program
Class:
using BlazorWinbox;
builder.Services.AddBlazorWinbox();
- Add script references to
index.html
after Blazor script
<script src="_content/Blazor.Winbox/winbox.bundle.min.js"></script>
<script src="_content/Blazor.Winbox/BlazorWinbox.min.js"></script>
- Add the following component to your
MainLayout.razor
<WindowProvider />
Open a window
Create a window
component. Let's use Counter
template as example:
<Window>
<h1>Counter</h1>
<p role="status">Current count: @currentCount</p>
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
</Window>
@code {
private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
}
Note that whole window content should surrounded with <Window>
Tag
<br/>
To open window inject IWindowManager
service and use Open<TComponent>()
method:
//Use in razor
@inject IWindowManager windowManager
//OR in C#
[Inject] public IWindowManager WindowManager { get; set; }
//Open a window
void OpenCounter(){
IWindowReference windowReference = WindowManager.Open<Counter>();
}
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
-
net6.0
- Microsoft.AspNetCore.Components.Web (>= 6.0.9)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
Change namespace from Blazor.Winbox to BlazorWinbox to prevent namespaces overlap in .razor files