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.

Suggested Links

• API Reference of the BadgeContainer
• API Reference of the Badge