New
NextJS, SvelteKit, Remix and the future of StorybookAutomate with Chromatic
Star75,351
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 18 projects.

12components34storiesLast updated yesterday
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
UIKitThemeProvider
D2iQ
1
HomePageHeroButtons
Agora
1