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 'primary' for a darker background and inverse text, or 'gray-light' for a lighter background and primary text. Omitting the scheme prop renders the default counter scheme
Edit this page on GitHub
3 contributorsVanAndersonsmockleemplums
Last edited by VanAnderson on March 10, 2021