Leroy

Css module monster for React className

Install

npm install --save leroy

Getting Started

import { leroy } from 'leroy'
import styles from './index.css'
 
class App extends React.Component {
    render() {
        return (
            <div
                className={leroy(styles).add('a', true)
                    .add('b', false)
                    .add('c', true).put()}
            />
        )
    }
}

Usage

const styles = {
    a: "a1",
    b: "b2",
    c: "c3"
}
 
leroy(styles).add('a', true)
    .add('b', false)
    .add('c', true)
    .put();
// => 'a1 c3'
 
leroy(styles).bulk({
    a: true,
    b: false,
    c: true
}).put()
// => 'a1 c3'
 
leroy(styles).cls('a b').put()
// => 'a1 b2'