Skip to main content
All docs
V24.1

DxToast.IconCssClass Property

Specifies the name of the CSS class applied to the toast notification icon.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public string IconCssClass { get; set; }

Property Value

Type Default Description
String null

The CSS class name.

Remarks

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

DevExpress Blazor components support pre-defined icon sets (such as Iconic or Bootstrap-recommended libraries) and custom icon libraries. Refer to the following topic for more information: Icons.

<DxButton RenderStyle="ButtonRenderStyle.Secondary" Text="Show a toast" Click="ShowToasts" />
<DxToastProvider ThemeMode="ToastThemeMode.Pastel" />

<DxToast Id="Toast1" Text="Predefined icon." />
<DxToast Id="Toast2" Text="Custom icon." IconCssClass="oi oi-task" />
<DxToast Id="Toast3" Text="No icon." ShowIcon="false" />

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

    private void ShowToasts() {
        ToastService.ShowToast("Toast1");
        ToastService.ShowToast("Toast2");
        ToastService.ShowToast("Toast3");
    }
}

Toasts with default and custom icons

See Also