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

ToastOptions.RenderStyle Property

Specifies the toast’s predefined style.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(null)]
public ToastRenderStyle? RenderStyle { get; set; }

#Property Value

Type Default Description
Nullable<ToastRenderStyle> null

The render style; null to inherit the value from the DxToastProvider.RenderStyle property.

Available values:

Name Description
Primary

Applies the primary style to a toast.

Info

Applies the info style to a toast.

Success

Applies the success style to a toast.

Warning

Applies the warning style to a toast.

Danger

Applies the danger style to a toast.

#Remarks

Use RenderStyle and ThemeMode properties to specify the toast style.

razor
<DxButton Text="Show a toast" Click="CreateToast" />
<DxToastProvider />

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

    private void CreateToast() {
        ToastService.ShowToast(new ToastOptions {
              Title = "Notification",
              Text = "The process is completed.",
              RenderStyle = ToastRenderStyle.Info,
              ThemeMode = ToastThemeMode.Saturated,
        });
    }
}

Run Demo: Toast Customization

If the RenderStyle property is not specified, the DxToastProvider.RenderStyle property determines the toast render style.

Toast render mode and styles

See Also