React style HOC. Supports both plain style objects and style objects computed from passed props.
npm i @rubixibuc/with-styles
import React from 'react';
import withStyles from '@rubixibuc/with-styles';
const MyComponent = ({styles}) => <div style={styles.myDiv}/>;
export default withStyles({
myDiv: {
height: 500,
width: 500
}
})(MyComponent);
import React from 'react';
import withStyles from '@rubixibuc/with-styles';
const MyComponent = ({styles}) => <div style={styles.myDiv}/>;
export default withStyles(({someProp}) => ({
myDiv: {
height: someProp.height,
width: someProp.width
}
}))(MyComponent);
import React from 'react';
import withStyles from '@rubixibuc/with-styles';
import { compose } from 'recompose';
export const enhance = compose(
withState('backgroundColor', 'updateBackgroundColor', '#fff'),
withStyles(({backgroundColor}) => ({
myDiv: {
backgroundColor
}
}))
)