Skip to main content
All docs
V24.1

DxToastProvider.ShowIcon Property

Specifies whether to show an icon in toast notifications.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.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