New
Styling Addon: configure styles and themes in StorybookAutomate with Chromatic
Storybook Day 2023
Star77,677
Back to glossary
Add your project

Emotion label components

18 labels are styled using Emotion. A label is a text caption or description that describes the type of input a form field requires. Labels are often positioned beside the form field. 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.

18components56storiesLast updated yesterday
Tweet
Other Names
Chip
Add your component
Label
Phork
9
CheckboxLabeled
AppNexus
9
LabelWrapper
Phork
7
Collapsible List
SpaceONE
7
Table Sort Label
Natura Cosmeticos
4
Collapsible Panel
SpaceONE
3
InlineLabel
Grafana
2
Label
Grafana
2
Collapsible Toggle
SpaceONE
2
Label
SpaceONE
2
Selectable List
SpaceONE
2
StyledLabel
Phork
1
AxisLabel
AppNexus
1
Label
Scaleway
1
Form Control Label
Natura Cosmeticos
1
Input Label
Natura Cosmeticos
1
RoomListLabel
Agora
1