Skip to content

Counter label

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

Work in progressWe are currently transferring the React documentation for CounterLabel from a different site to this page. To view the original documentation with code examples, please visit the Primer React documentation for CounterLabel.
  • @primer/react@35.24.0
  • Alpha
  • Not reviewed for accessibility

Import

import {CounterLabel} from '@primer/react'

Examples

View in Storybook

Props

CounterLabel

NameDefaultDescription
scheme
'primary' | 'secondary'

Pass in 'primary' for a darker background and inverse text, or 'secondary' for a lighter background and primary text. Omitting the scheme prop renders the default counter scheme