New
Community Showcase #5Visual test with Chromatic
Star78,825
Back to glossary
Add your project

Emotion pill components

8 pills are styled using Emotion. A pill 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 15 projects.

8components27storiesLast updated yesterday
Tweet
Other Names
TagChip
Add your component
Collapsible List
SpaceONE
7
Pill
Workday
5
Expansion Panel Details
Natura Cosmeticos
4
Collapsible Panel
SpaceONE
3
FilterPill
Grafana
2
AirportIllustration
kiwicom
2
SmartPassIllustration
kiwicom
2
Collapsible Toggle
SpaceONE
2