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?