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.

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