Skip to content


Use the CounterLabel component to add a count to navigational elements and buttons.

Default example


System props

CounterLabel components get COMMON system props. Read our System Props doc page for a full list of available props.

Component props

schemeStringPass in 'gray' for a darker gray background and white text, or 'gray-light' for a lighter gray background and dark text. Omitting the scheme prop renders the default counter scheme