Sotsera.Blazor.Toaster 0.9.0-preview-3

Toastr.js port to Blazor - no javascript involved

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.
Install-Package Sotsera.Blazor.Toaster -Version 0.9.0-preview-3
dotnet add package Sotsera.Blazor.Toaster --version 0.9.0-preview-3
<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
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

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 &lt;link href=&quot;toastr.min.css&quot; rel=&quot;stylesheet&quot;/&gt;.

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

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

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 &lt;link href=&quot;toastr.min.css&quot; rel=&quot;stylesheet&quot;/&gt;.

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

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

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated
1.0.0 621 9/28/2019
1.0.0-preview9.1 566 9/4/2019
1.0.0-preview.8.1 243 8/14/2019
0.11.1 251 7/30/2019
0.10.1 130 7/13/2019
0.10.0 305 6/16/2019
0.9.0-preview-3 428 4/25/2019
0.9.0-preview-1 425 3/12/2019
0.8.0-preview-4 217 2/14/2019
0.6.1 714 2/12/2019
0.6.0 2,307 10/4/2018
0.5.3 332 8/25/2018
0.5.2 253 7/30/2018
0.5.1 171 7/26/2018
0.4.1 185 7/23/2018
0.4.0 235 7/18/2018
Show less