Emotion header components

10 headers are styled using Emotion. A header is a section at the top of a page that displays site name and navigation. 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 17 projects.