ds-styled

Design system for the styled-components library

Usage no npm install needed!

<script type="module">
  import dsStyled from 'https://cdn.skypack.dev/ds-styled';
</script>

Design system for the styled-components library

npm install ds-styled

Import styled-components library and functions to used

import styled from 'styled-components'
import { margin } from 'ds-styled'

Define your tag styled adding the functions properties

const Box = styled.div`
  ${ margin }
`

Use your tag styled adding the props to the components

<Box mall="10">
    Hola
</Box>