Badge
A “pill” shaped container for displaying various count values or grades.
1 of 3
5/7
The block format of this component will naïvely display the contents in the badge style — truncated with an ellipsis at a maximum width — so use with care or things might look weird.
🐝
Potato/Unicorn
Inline use requires the
value
argument, and is intended for use with numbers only. The supplied
value
is evaluated against the
max
property to determine the final formatted output.
0
20
99+
∞