divx-styled-components

The live/interactive version of the styleguide can be seen here.

Built using styled-components

Install

yarn add @telia/divx-styled-components

styled-system and grid-styled

styled-system is used to enable various css properties on components using react props. Thus, these components can expose consistent, prop-based, API's that greatly simplify the process of implementing responsive design.

grid-styled, a library built on top of styled-system is recommended for spacing/positioning as it uses flex-box-based components and exposes the same clean, prop-based API's for responsiveness.