Example of Types in ASP.NET MVC Badge Control

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

DEMO
SOURCE
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

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.

  • Primary - .e-badge-primary class applies the primary color.
  • Secondary - .e-badge-secondary class applies the secondary color.
  • Success - .e-badge-success class applies the success color.
  • Danger- .e-badge-danger class applies the danger color.
  • Warning - .e-badge-warning class applies the warning color.
  • Info - .e-badge-info class applies the info color.
  • Light - .e-badge-light class applies the light color.
  • Dark- .e-badge-dark class applies the dark color.
Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab