This sample demonstrates the 8-predefined badge colors for various scenarios which can be applied from modifier class.
.e-badge-primary
.e-badge-secondary
.e-badge-success
.e-badge-danger
.e-badge-warning
.e-badge-info
.e-badge-light
.e-badge-dark
The badge supports 8 different essential colours for various situations. They are listed below.
All the class needs to be added along with the
.e-badge class.
.e-badge-primary
class applies the primary color.
.e-badge-secondary
class applies the secondary color.
.e-badge-success
class applies the success color.
.e-badge-danger
class applies the danger color.
.e-badge-warning
class applies the warning color.
.e-badge-info
class applies the info color.
.e-badge-light
class applies the light color.
.e-badge-dark
class applies the dark color.