We present numerical badges in lists, tables, or navigation elements to indicate the number of new, unaddressed, or available items.
For example, numerical 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 numerical 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 numerical 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+”.