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 fromstaticand allowsoverflowcontent.
The following example demonstrates both approaches in action.
Change Theme
Theme
Loading ...