New
NextJS, SvelteKit, Remix and the future of StorybookAutomate with Chromatic
Star75,351
Back to glossary
Add your project

Emotion badge components

23 badges are styled using Emotion. A badge is a compact label that appears beside a primary interface area which is used to represent status or metadata for that area. Emotion is a styling library that allows you to write styles in JavaScript. This technique is known as CSS-in-JS. When you write CSS alongside your JavaScript component files, you’re naturally encouraged to scope styling at the component level. Emotion is used to style 18 projects.

23components120storiesLast updated 8 days ago
Tweet
Add your component
ColoredBadge
Phork
16
Badge
kiwicom
16
Badge
Natura Cosmeticos
14
NotificationBadge
kiwicom
13
Badge
Phork
11
Contextual Badge (Tag)
Natura Cosmeticos
10
Badge
Scaleway
6
Badge
Chakra
4
BadgeList
kiwicom
4
Badges
SpaceONE
4
Badge
Storybook
3
VerifiedBadge
Storybook
3
TextInputWithBadges
D2iQ
3
Badge
AppNexus
2
Badge
Grafana
1
PluginSignatureBadge
Grafana
1
StyledBadge
Phork
1
CountBadge
Workday
1