Counter label

Counter label is a button with a numbered label accompanied by text.

On this page

On this page

A image showing two examples of buttons with counters

Usage

Use counter label to add a count to navigational elements and buttons.

Accessibility

Always use counter label with adjacent text that provides supplementary information regarding what the count is for. For instance, Counter should be accompanied with text such as issues or pull requests.