@amendable/inline-styles

This resolver merges all the React props that match the names of styling props into the style object on the final DOM object.

Usage no npm install needed!

<script type="module">
  import amendableInlineStyles from 'https://cdn.skypack.dev/@amendable/inline-styles';
</script>

README

Inline styles

This resolver merges all the React props that match the names of styling props into the style object on the final DOM object.

Usage

import { render } from 'react-dom'
import Box, { AmendableProvider } from '@amendable/core'
import inlineStyles from '@amendable/inline-styles'

render(
  <AmendableProvider
    resolvers={[
      inlineStyles(),
    ]}
  >
    <Box color='white' backgroundColor='black'>
      Primary color
    </Box>
  </AmendableProvider>
)

Supported props

It uses inline-style-properties underneath for prop matching.

Here are all the styling props it supports (it supports most): Supported styling properties