CONTENT BLOCKS

Content Blocks are designed to be composed and used together like building blocks. Basic components such as content-line or content-image isolate and solve concerns with accessibility, responsiveness, and future-proofing. Higher level components like content-hero-block and content-grid-formatter provide structures for typical design layouts. Utility components such as content-grid-formatter and content-spacer provide helper utilities that can be used anywhere to adjust spacing and alignment... We have a working Storybook with interactive examples. Content Blocks has been used and iterated on over a dozen different prototypes and public facing sites. The vast majority of the components are battle-tested and much of the decisions are based on learnings from building international e-commerce sites serving millions of customers a day.

Also known as: Content Blocks JS