Kendo UI for jQuery Badge Overview

Loading Demo...

Also available for:

kendo ui kendoka logo

The Badge component is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.


The jQuery Badge control allows you to position, align, color, and customize a Badge component.

The current example displays a common use-case scenario for the jQuery Badge component which showcases the different colors and shapes the Badge can have.

The jQuery Badge control is part of Kendo UI for jQuery, a comprehensive, professional-grade UI library for building modern and feature-rich applications. The Kendo UI for jQuery collection provides 110+ UI components, an abundance of data-visualization gadgets, client-side data source, and a built-in MVVM (Model-View-ViewModel) library.

This Badge example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Kendo UI for jQuery Dojo or ThemeBuilder.

Functionality and Features

  • Templates–The Badge allows you to customize its content.
  • Rendering and styling–The jQuery Badge component also provides a set of styling options which enable you to control its appearance.

Support & Learning Resources

Additional Resources