Skip to content
On this page
CounterLabel
Use the CounterLabel component to add a count to navigational elements and buttons.
- Alpha
- Review pending by accessibility team
On this page
Example
Props
| Name | Type | Default | Description |
|---|---|---|---|
| scheme | ''primary' | 'secondary' | Pass in 'primary' for a darker background and inverse text, or 'secondary' for a lighter background and primary text. Omitting the scheme prop renders the default counter scheme |
Status
Alpha
- Component props are documented on primer.style/react.
- Component does not have any unnecessary third-party dependencies.
- Component can adapt to different themes.
- Component can adapt to different screen sizes.
- Component has 100% test coverage.
Beta
- Component is used in a production application.
- Common usage examples are documented on primer.style/react.
- Common usage examples are documented in storybook stories.
- Component has been reviewed by a systems designer and any resulting issues have been addressed.
- Component has been manually reviewed by the accessibility team and any resulting issues have been addressed.
Stable
- Component API has been stable with no breaking changes for at least one month.
- Feedback on API usability has been sought from developers using the component and any resulting issues have been addressed.
- Component has corresponding design guidelines documented in the interface guidelines.
- Component has corresponding Figma component in the Primer Web library.
Edit this page on GitHub
2 contributors
Last edited by colebemis on March 9, 2022