New
Storybook Ecosystem CIAutomate with Chromatic
Storybook Day 2023
Star76,097
Back to glossary
Add your project

Styled Components layout components

6 layouts are styled using Styled components. A layout 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. Styled-components is a styling library that allows you to write styles in JavaScript at the component-level. This technique is known as CSS-in-JS. Styled components is used to style 10 projects.

6components21storiesLast updated 6 days ago
Tweet
Other Names
GridStackFlex
Add your component
PageLayout
GitHub
7
Layout
SmartHR
5
SplitPageLayout
GitHub
2
How to layout forms
Toptal
1
How to layout a page
Toptal
1