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
Edit this page on GitHub
2 contributorssmockleemplums
Last edited by smockle on October 15, 2019