Sotsera.Blazor.Toaster 0.9.0-preview-3

This is a prerelease version of Sotsera.Blazor.Toaster.
There is a newer version of this package available.
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
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="Sotsera.Blazor.Toaster" Version="0.9.0-preview-3" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Sotsera.Blazor.Toaster --version 0.9.0-preview-3
#r "nuget: Sotsera.Blazor.Toaster, 0.9.0-preview-3"
#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.
// 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


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.


version 0.9.0-preview-3

  • fixes issue #19 - exclude razor files from the nuget package

version 0.9.0-preview-2

See the RELEASE-NOTES for the previous versions.



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 />


In a component

@inject Sotsera.Blazor.Toaster.IToaster Toaster

In a class

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!");


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


Sotsera.Blazor.Toaster is licensed under MIT license

Product 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. 
Compatible target framework(s)
Additional computed target framework(s)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (2)

Showing the top 2 NuGet packages that depend on Sotsera.Blazor.Toaster:

Package Downloads

Components, Controller, Service and State Provider for Asp.NetCore Blazor.


Package Description

GitHub repositories (2)

Showing the top 2 popular GitHub repositories that depend on Sotsera.Blazor.Toaster:

Repository Stars
Mission Planner Ground Control Station for ArduPilot (c# .net)
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 165,641 1/3/2020
2.0.0 1,721 12/5/2019
2.0.0-beta1 536 11/30/2019
1.0.0 5,640 9/28/2019
1.0.0-preview9.1 1,234 9/4/2019
1.0.0-preview.8.1 482 8/14/2019
0.11.1 549 7/30/2019
0.10.1 389 7/13/2019
0.10.0 2,577 6/16/2019
0.9.0-preview-3 822 4/25/2019
0.9.0-preview-1 756 3/12/2019
0.8.0-preview-4 620 2/14/2019
0.6.1 1,317 2/12/2019
0.6.0 3,158 10/4/2018
0.5.3 977 8/25/2018
0.5.2 850 7/30/2018
0.5.1 760 7/26/2018
0.4.1 776 7/23/2018
0.4.0 952 7/18/2018