Skip to content

Counter label

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

On this page

On this page

Usage

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

A image showing two examples of buttons with counters

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.