View showcase

React badge components

42 badges are developed with React. A badge is a compact label that appears beside a primary interface area which is used to represent status or metadata for that area. React is the most popular frontend library for developing component-driven user interfaces. It’s used for developing single page, mobile, and server-rendered applications. React is used to develop 64 projects.

42components215storiesLast updated yesterday
Tweet
Add your component
ColoredBadge
Phork
16
Badge
NotificationBadge
bpk-component-badge
Badge
Contextual Badge (Tag)
Badge
Counter Badge
Badge
Badge
PresenceBadge
Badge
BadgeList
Badges
SLDSBadge
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTeam
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify