Snackbar

A service for managing snackbars.

Note

The Snackbar is dependant on ISnackbar service and MudSnackbarProvider.

Check the Installation page for instructions regarding default setup.

To statically embed an important message in a page see Alert
Usage

This is the simplest way of using the Snackbar. It provides the user with a brief floating message.
It'll hide after some time unless the mouse is over it or it's the last thing touched on a touchscreen.

@inject ISnackbar Snackbar

<MudButton Variant="Variant.Filled" Color="Color.Primary" @onclick="@(() => Snackbar.Add("Simple Snackbar"))">
    Open snackbar
</MudButton>
HTML in messages

Snackbar messages can be rendered as HTML using MarkupString.

@inject ISnackbar Snackbar

<MudButton Variant="Variant.Filled" Color="Color.Primary" @onclick="@(() => Snackbar.Add(new MarkupString($"<ul><li>Item {++count}</li><li>Item {++count}</li></ul>")))">
    Open Snackbar
</MudButton>
@code
{
    private int count = 0;
}

An unhandled exception has occurred. See browser dev tools for details. Reload 🗙