When to use numeric badges
We present numeric badges in lists, tables, or navigation elements to indicate the number of new, unaddressed, or available items.
For example, numeric badges can indicate the number of:
Items in each category grouping in the add drawer
Error messages in the asynchronous error message style
Items available in a trowser
We generally use numeric badges for lists with a relatively small number of items, not for potentially infinite lists like the activity feed. To keep things less complicated for customers, use numeric badges sparingly. Example: to let customers know the number of new or available items in a list.
Appearance and behavior
Badges can be 2 digits only. Once you reach 100 or anything higher than that, the label becomes “99+”.