Kendo UI for Angular
Use the Kendo UI Badge component to easily show statuses, notifications, and short messages in the context of other UI elements. A popular use case is showing the online status of a user overlayed on their avatar.
The Badge Container component solves a common problem. Sometimes elements cannot host content, making it impossible to add a badge. BadgeContainer wraps the HTML element to make it possible to add a badge.
Layout your badge any way you like with options for alignment, such as bottom and start, and position, such as inside and edge.
Styling the Angular Badge component is simple with options such as theme color, shape, size, fill, and border.