This sample demonstrates 8-predefined badge colors for various scenarios which can be applied from the modifier class.

More Details...

10
.e-badge-primary
.e-badge-secondary
.e-badge-success
.e-badge-danger
.e-badge-warning
.e-badge-info
.e-badge-light
.e-badge-dark
Description

The badge supports the following 8 different essential colors for various situations. All the classes should be added with .e-badge class. Primary: The .e-badge-primary class applies the primary color. Secondary: The .e-badge-secondary class applies the secondary color. Success: The .e-badge-success class applies the success color. Danger: The .e-badge-danger class applies the danger color. Warning: The .e-badge-warning class applies the warning color. Info: The .e-badge-info class applies the info color. Light: The .e-badge-light class applies the light color. Dark: The .e-badge-dark class applies the dark color.