This sample demonstrates 8-predefined badge colors for various scenarios which can be applied from the 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 the following 8 different essential colors for various situations. All the classes should be added
with
.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.