Sotsera.Blazor.Toaster
0.9.0-preview-3
See the version list below for details.
dotnet add package Sotsera.Blazor.Toaster --version 0.9.0-preview-3
NuGet\Install-Package Sotsera.Blazor.Toaster -Version 0.9.0-preview-3
<PackageReference Include="Sotsera.Blazor.Toaster" Version="0.9.0-preview-3" />
paket add Sotsera.Blazor.Toaster --version 0.9.0-preview-3
#r "nuget: Sotsera.Blazor.Toaster, 0.9.0-preview-3"
// Install Sotsera.Blazor.Toaster as a Cake Addin #addin nuget:?package=Sotsera.Blazor.Toaster&version=0.9.0-preview-3&prerelease // Install Sotsera.Blazor.Toaster as a Cake Tool #tool nuget:?package=Sotsera.Blazor.Toaster&version=0.9.0-preview-3&prerelease
Sotsera.Blazor.Toaster
A Blazor port of Toastr.js in pure .Net.
The transitions are implemented using System.Threading.Timer
so this library should be used only by client side blazor (webassembly).
Razor components currently cannot reference static assets from component libraries.
As a temporary workaround the css
can be saved into the server project wwwroot and loaded by the index.html with something like <link href="toastr.min.css" rel="stylesheet"/>
.
The sample project has been published here.
Changes
version 0.9.0-preview-3
- fixes issue #19 - exclude razor files from the nuget package
version 0.9.0-preview-2
- update to 3.0.0-preview4-19216-03
- updated instructions on how to include the ToastContainer component
See the RELEASE-NOTES for the previous versions.
Configuration
Installation
Install-Package Sotsera.Blazor.Toaster
Dependency injection configuration
services.AddToaster(config =>
{
//example customizations
config.PositionClass = Defaults.Classes.Position.TopRight;
config.PreventDuplicates = true;
config.NewestOnTop = false;
});
Main toaster component
The toast container must be added to the App.razor
component or to another component always loaded in the application like MainLayout.razor
. It is important to have exactly one instance of this component rendered in the application tree at any given time.
@using Sotsera.Blazor.Toaster
<ToastContainer />
Usage
In a component
@inject Sotsera.Blazor.Toaster.IToaster Toaster
In a class
[Inject]
protected Sotsera.Blazor.Toaster.IToaster Toaster { get; set; }
then call one of the display methods:
Toaster.Info("toast body text");
Toaster.Success("toast body text");
Toaster.Warning("toast body text");
Toaster.Error("toast body text");
Each of these methods can accept a title and an action for the toast specific configuration
Toaster.Info("toast body text");
Toaster.Info("toast body text", "toast title");
Toaster.Info("toast body text", "toast title", options =>
{
options.Clicked += toast => Console.WriteLine($"Toast '{toast.Message}' Clicked!");
});
Credits
This is a simple attempt to port Toastr.js to Blazor.
Currently the css styles used are literally COPIED from Toastr.js.
The logo has been made by Freepik from Flaticon and is licensed by CC 3.0 BY
License
Sotsera.Blazor.Toaster is licensed under MIT license
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net5.0 was computed. net5.0-windows was computed. net6.0 was computed. 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. |
.NET Core | netcoreapp2.0 was computed. netcoreapp2.1 was computed. netcoreapp2.2 was computed. netcoreapp3.0 was computed. netcoreapp3.1 was computed. |
.NET Standard | netstandard2.0 is compatible. netstandard2.1 was computed. |
.NET Framework | net461 was computed. net462 was computed. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed. |
MonoAndroid | monoandroid was computed. |
MonoMac | monomac was computed. |
MonoTouch | monotouch was computed. |
Tizen | tizen40 was computed. tizen60 was computed. |
Xamarin.iOS | xamarinios was computed. |
Xamarin.Mac | xamarinmac was computed. |
Xamarin.TVOS | xamarintvos was computed. |
Xamarin.WatchOS | xamarinwatchos was computed. |
-
.NETStandard 2.0
- Microsoft.AspNetCore.Components.Browser (>= 3.0.0-preview4-19216-03)
NuGet packages (2)
Showing the top 2 NuGet packages that depend on Sotsera.Blazor.Toaster:
Package | Downloads |
---|---|
BlazingComponents.Lib
Components, Controller, Service and State Provider for Asp.NetCore Blazor. |
|
MyJetWallet.Sdk.AdminPanel
Package Description |
GitHub repositories (2)
Showing the top 2 popular GitHub repositories that depend on Sotsera.Blazor.Toaster:
Repository | Stars |
---|---|
ArduPilot/MissionPlanner
Mission Planner Ground Control Station for ArduPilot (c# .net)
|
|
blogifierdotnet/Blogifier
Blogifier is an open-source publishing platform Written in ASP.NET and Blazor WebAssembly. With Blogifier make a personal blog or a website.
|
Version | Downloads | Last updated |
---|---|---|
3.0.0 | 198,060 | 1/3/2020 |
2.0.0 | 1,863 | 12/5/2019 |
1.0.0 | 5,857 | 9/28/2019 |
1.0.0-preview9.1 | 1,250 | 9/4/2019 |
1.0.0-preview.8.1 | 495 | 8/14/2019 |
0.11.1 | 572 | 7/30/2019 |
0.10.1 | 411 | 7/13/2019 |
0.10.0 | 2,747 | 6/16/2019 |
0.9.0-preview-3 | 857 | 4/25/2019 |
0.9.0-preview-1 | 791 | 3/12/2019 |
0.8.0-preview-4 | 648 | 2/14/2019 |
0.6.1 | 1,363 | 2/12/2019 |
0.6.0 | 3,299 | 10/4/2018 |
0.5.3 | 1,044 | 8/25/2018 |
0.5.2 | 896 | 7/30/2018 |
0.5.1 | 803 | 7/26/2018 |
0.4.1 | 821 | 7/23/2018 |
0.4.0 | 1,004 | 7/18/2018 |