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 avoid adding complexity to the user experience, use numerical badges sparingly. For instance, to let the user know the number of new or available items in a list.
Appearance and behavior
Badges can be two-digits at a maximum. For numbers larger than three digits, the label indicates more items are available without specifying the exact quantity. For example, 100 items are indicated by the label “99+”.