New
Storybook 7.6Visual test with Chromatic
Star81,120
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 yesterday
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