1.0.2 • Published 4 years ago

reactstyleloaddecorator v1.0.2

Weekly downloads
1
License
ISC
Repository
-
Last release
4 years ago
import { cd, sl, sv } from 'reactstyleloaddecorator'

#USAGE

###Like decorator for React Component:

@cd(() => require('./MyComponent.scss'))
export class MyComponent extends React.Component<IProps, IState> {
    render(c?) {
        return (
            <div className={c('container')}>MyComponent</div>
        )
    }
}

###Like style import:

export const MyFunction = function({}:IMyFunctionProps) {
    const c = sl(() => require('./MyFunction.scss'));

    return (
        <div className={c('container')}>MyFunction</div>
    )
};

###Getter for computed property from css:

.my-div-class {
  padding: 5px;
}
const paddingLeft = sv('padding-left', /*[optional]*/'.my-div-class');