Back to glossary
Add your project

Emotion hero components

12 heroes are styled using Emotion. A hero is a large banner or image that appears as one of the first items on a page. It’s a primary visual element that is used to focus user attention on key content or promotions. 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.

12components34storiesLast updated 3 months ago
Tweet
Add your component
Checkbox (selection control)
Natura Cosmeticos
10
Switch (selection control)
Natura Cosmeticos
7
ChoiceGroup
kiwicom
6
ThemeProvider
kiwicom
3
CheckboxGroup
Chakra
1
ChevronIcon
AppNexus
1
DoubleChevronIcon
AppNexus
1
HamburgerMenuIcon
AppNexus
1
InheritedSettingsIcon
AppNexus
1
Input State Help Text Provider
Natura Cosmeticos
1
CheckboxGroup
iq
1
HomePageHeroButtons
Agora
1