CounterLabel

Table of contents

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>

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

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

Name	Type	Default	Description
scheme	String		Pass 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

2 contributors