@amendable/inline-styles
v0.1.0
Published
This resolver merges all the React props that match the names of styling props into the `style` object on the final DOM object.
Downloads
3
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