New
Storybook for full-stack developersAutomate with Chromatic
Star75,281
Back to glossary
Add your project

Emotion page components

18 pages are styled using Emotion. A page is a layout container that is used to position children in predetermined areas. It’s often used to apply consistent positioning for content across pages in an application. 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.

18components34storiesLast updated 3 days ago
Tweet
Add your component
Page Title
SpaceONE
6
Page Header
D2iQ
5
TextInputWithBadges
D2iQ
3
MainPageLayout
Agora
3
MainPageLayoutHorizontal
Agora
3
PasswordStrengthMeter
Scaleway
2
PluginSignatureBadge
Grafana
1
PageToolbar
Grafana
1
PageFooter
Storybook
1
ErrorPage
Agora
1
HomePageHeroButtons
Agora
1
LoadingPage
Agora
1
MainPageHeader
Agora
1
MainPageNav
Agora
1
MainPageNavAvatar
Agora
1
MainPageNavHorizontal
Agora
1
MainPageTopBar
Agora
1
RoomDetailPagePanel
Agora
1

Related tags

HeaderFooter