View showcase

Emotion page components

19 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 22 projects.

19components35storiesLast updated yesterday
Tweet
Add your component
Page Title
SpaceONE
6
Page Header
TextInputWithBadges
MainPageLayout
MainPageLayoutHorizontal
PasswordStrengthMeter
PluginSignatureBadge
PageToolbar
PageFooter
PageBullets
ErrorPage
HomePageHeroButtons
LoadingPage
MainPageHeader
MainPageNav
MainPageNavAvatar
MainPageNavHorizontal
MainPageTopBar
RoomDetailPagePanel

Related tags

HeaderFooter
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTeam
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify