Badges are used as a small numerical value or status descriptor for UI elements.
For a better positioning, you can use the
shape property to define the shape of the badge.
You can control the visibility of the badge by using the
By default, the badge has an outline, you can disable it by using the
It's not advisable to depend on the badge's content for accurate announcement.
Instead, consider supplying a comprehensive description, such as using
|children *||The wrapped component.||-|
|content||The content of the badge. The badge will be rendered relative to its children.||-|
|variant||The variant style of the badge.|
|color||The color of the badge.|
|size||The size of the badge.|
|shape||The shape of the badge.|
|placement||The placement of the badge.|
|classNames||Allows to set custom class names for the badge slots.||-|