diff --git a/README.md b/README.md index 418bd8b8..fc2f5d86 100644 --- a/README.md +++ b/README.md @@ -317,6 +317,35 @@ export default withStyles(({ color, unit }) => ({ `className` and `style` props must not be used on the same elements as `css()`. +### Using the value of a prop / high cardinality + +To include styles that use the value of a prop (or any other styles that have a high cardinality and shouldn't be in a themed stylesheet), you can use inline styles in conjunction with `withstyles()`. + +```jsx +function MyComponent({ bold, padding, styles }) { + const { + backgroundImageUrl, + } = this.props; + + return ( +