Back to glossary
Add your project

Emotion badge components

19 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 14 projects.

19components114storiesLast 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
Badge
AppNexus
2
Badge
Grafana
1
PluginSignatureBadge
Grafana
1
StyledBadge
Phork
1
CountBadge
Workday
1
Badge
D2iQ
1
BadgeButton
D2iQ
1
ColorCodedBadge
D2iQ
1