CounterLabel

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

Default example

121313
<CounterLabel>12</CounterLabel>
<CounterLabel scheme={'gray'}>13</CounterLabel>
<CounterLabel scheme={'gray-light'}>13</CounterLabel>

System props

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

Component props

NameTypeDefaultDescription
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