@amendable/css-styled-components

This resolves css prop into styled-components.

Usage no npm install needed!

<script type="module">
  import amendableCssStyledComponents from 'https://cdn.skypack.dev/@amendable/css-styled-components';
</script>

README

CSS Styled Components

This resolves css prop into styled-components.

Usage

import { render } from 'react-dom'
import Box, { AmendableProvider } from '@amendable/core'
import cssStyledComponents from '@amendable/css-styled-components'

const resolvers = [
  cssStyledComponents(),
]

render(
  <AmendableProvider resolvers={resolvers}>
    <Box css={{ color: 'red' }}>
      Color resolved through Styled Components
    </Box>
  </AmendableProvider>
)