Skip to main content
All docs
V25.1
  • DxToastProvider.ShowIcon Property

    Specifies whether to show an icon in toast notifications.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(true)]
    [Parameter]
    public bool ShowIcon { get; set; }

    Property Value

    Type Default Description
    Boolean true

    true to show the icon; otherwise, false.

    Remarks

    A toast notification displays a predefined icon. Set the ShowIcon property to false to hide the icon. Use a toast’s DxToast.IconCssClass or ToastOptions.IconCssClass property to customize icon settings or display a custom icon.

    <style>
        .italic-text {
            font-style: italic;
            text-align: center;
        }
    </style>
    
    <DxButton RenderStyle="ButtonRenderStyle.Secondary" Text="Show a toast" Click="AddToast" />
    <DxToastProvider ShowIcon="false" ShowCloseButton="false" ThemeMode=ToastThemeMode.Pastel/>
    
        @code {
            [Inject] IToastNotificationService ToastService { get; set; }
            private void AddToast() {
                ToastService.ShowToast(new ToastOptions {
                    Title = "Notification",
                    Text = "The process is completed.",
                    CssClass = "italic-text"
                });
            }
        }
    

    Customized toast notification

    See Also