Note
The Snackbar is dependant on ISnackbar
service and MudSnackbarProvider
.
Check the Installation page for instructions regarding default setup.
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; }