Counter

Use Counter to add a count to navigational elements and buttons.

Accessibility

Always use Counter 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.

Examples

Default

<%= render(Primer::CounterComponent.new(count: 25)) %>

Schemes

<%= render(Primer::CounterComponent.new(count: 25, scheme: :primary)) %>
<%= render(Primer::CounterComponent.new(count: 25, scheme: :secondary)) %>

Arguments