Badge Small count or label that appears on another element, often used to display notifications or status information.
Controls
Badge text should be as simple as possible and should NEVER exceed 1 line. It is highly recommended to line clamp the badge text to a single line.
Background color, foreground color, and border color variants. "Current" takes the nearest parent's color style and uses it as the border as well as the text color.
Pill shape has full border radius and sharp shape has hard corner radius.