Foundational Layout Primitives for your React App

Bedrock Layout Primitives are the foundational layout primitives your app or design system needs to satisfy almost any of your layout needs. Bedrock Layout Primitives are built on a few important principals:

Components should have a single responsibility, i.e. they do one thing and they do it well More complicated layouts are achieved through the composition of these components Components should be built with modern CSS in mind while maintaining support for older browsers through progressive enhancement

Bedrock Layout Primitives are built using a CSS-in-JS library called styled-components . This allows all the components to be dropped into any app with no extra setup.