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+