New to KendoReact? Start a free 30-day trial

Badge Container

The BadgeContainer component allows you to target text, HTML elements or React components that cannot have children, by wrapping both the targeted element and the Badge inside a BadgeContainer component.

When using the Badge component without the BadgeContainer component, make sure the HTML element or React component that 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?