Getting Started with Kendo UI for Angular Badge

The Badge component is a visual indicator for UI elements. It enables you to easily show statuses, notifications and short messages in your app. Badges provide additional contextual information for other elements on the page.

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

Basic Usage

The Badge can be nested in relatively positioned elements. If the target element cannot host content, then the Badge is applied with a BadgeContainer. The following demo demonstrates both approaches in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Functionality and Features

In this article

Not finding the help you need?