New to Kendo UI for Angular? Start a free 30-day trial

Badge Container

The Badge delivers the BadgeContainer component that enables you to target text, HTML elements, or Angular components which cannot host content.

To implement the functionality, wrap both the targeted element and the Badge inside a kendo-badge-container tag.

When you use the Badge without the BadgeContainer, make sure that the CSS position of the HTML element or Angular component which contains a badge is different from static and allows overflow content.

The following example demonstrates both approaches in action.

View Source
Change Theme:

In this article

Not finding the help you need?