Blazor Toast Example - Notification Types

Toast / Types

This sample demonstrates four predefined Toast colors available for various scenarios, which can be used in the CSS class.

Loading Syncfusion Blazor Server Demos…

The Toast supports the following four different essential colours for various situations. Success, danger, warning, and info notifications will be displayed with corresponding icons and text messages. All classes must be added with .e-toast.

  • Information - The e-toast-info class applies the color and background for showing toast information.
  • Success - The e-toast-success class applies the color and background for notifying success action.
  • Warning - The e-toast-warning class applies the color and background for showing warning message.
  • Danger - The e-toast-danger class applies the color and background for showing error/failure toast.

See also

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE