Using only the Toaster

[Martin-Andersen]

My company uses Telerik UI for Blazor. Can't change that.

But I would really like a better-looking Toaster with a header.
Also, Blazorbootstrap has a toaster services, what not to like (:

How can I do a minimum install if I only going to use the toaster?

[gvreddy04]

@Martin-Andersen You can set up the minimal requirements here. Please refer to the following instructions for quick reference.

Install Nuget Package

Install-Package Blazor.Bootstrap -Version 3.4.0

Add CSS references

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">

<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />

Add script references

Insert the following references into the body section of the wwwroot/index.html file, immediately after the _framework/blazor.webassembly.js reference:

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js" integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q" crossorigin="anonymous"></script>

<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"></script>

What is excluded:

• Bootstrap Icons
• ChartJS
• ChartJS Plugins
• SortableJS