• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This sample demonstrates 4-predefined toast colors for various scenarios which can be using CSS class.

DEMO
SOURCE

The toast supports the following 4 different essential colors for various situations. Here we have achieved success, danger, warning, info notifications with corresponding icon and text message. All the classes should be added with .e-toast class.

  • 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.

More information about Toast can be found in this documentation section.