New
Automatic visual tests in Storybook, plus 2.2x faster build times for React+TSVisual test with Chromatic
Star80,354
Back to glossary
Add your project

Emotion chip components

6 chips are styled using Emotion. A chip 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.

6components32storiesLast updated 9 months ago
Tweet
Other Names
TagLabelPill
Add your component
Chip
Natura Cosmeticos
16
Chip
Phork
7
ChoiceGroup
kiwicom
6
DatePickerWithInput
Grafana
1
StyledChip
Phork
1
RecordHintTips
Agora
1