Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

IToastNotificationService.ShowToast(ToastOptions, RenderFragment) Method

Creates and shows a toast notification with the specified options and a template.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
void ShowToast(
    ToastOptions toastOptions,
    RenderFragment template
)

#Parameters

Name Type Description
toastOptions ToastOptions

An object that contains toast options.

template RenderFragment

The template content.

#Remarks

Call the ShowToast method to create and show a toast in code. Use the method parameters to set up the toast settings and add a template to the toast.

razor
<DxButton Text="Show a toast" Click="AddToast" />
<DxButton Text="Hide a toast" Click="HideToast" />
<DxToastProvider DisplayTime="@TimeSpan.Zero" ThemeMode = "ToastThemeMode.Pastel" />

@code {
    [Inject] IToastNotificationService ToastService { get; set; }

    RenderFragment buttons = builder => {
        builder.OpenComponent<DxButton>(0);
        builder.AddAttribute(1, "Text", "button 1");
        builder.CloseComponent();
        builder.OpenComponent<DxButton>(2);
        builder.AddAttribute(3, "Text", "button 2");
        builder.AddAttribute(4, "RenderStyleMode", ButtonRenderStyleMode.Outline);
        builder.CloseComponent();
    };

    private void AddToast() {
        ToastService.ShowToast(new ToastOptions {
            Id = "TaskNotification",
            Title = "Toast with buttons"
        }, buttons);
    }
    private void HideToast() {
        ToastService.CloseToast("TaskNotification");
    }
}

Templated toast notification

See Also