View showcase

Badge components

Badge is a compact label that appears beside a primary interface area which is used to represent status or metadata for that area.

58components273storiesLast updated yesterday
Tweet
Add your component
ColoredBadge
Phork
16
Badge
NotificationBadge
bpk-component-badge
Badge
Contextual Badge (Tag)
Badge
Counter Badge
Badge
SbBadge
Badge
Badge
Badge
badge
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