Skip to content

CounterLabel

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

Default example

121313

System props

System props are deprecated in all components except Box. Please use the sx prop instead.

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

Component props

NameTypeDefaultDescription
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 July 22, 2021