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

Badge Container

The BadgeContainer component allows you to target text, HTML elements or Angular components that cannot host content, by wrapping both the targeted element and the Badge inside a kendo-badge-container tag.

When using the Badge without the BadgeContainer, make sure the HTML element or Angular component which contains a badge has css position other than static and allows overflow content.

The following example demonstrates both approaches in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?