css-block-loader

a stylish css module block loader...


Keywords
css, css-module, css module, css block loader, css-block-loader, css block loader css module, react, reactjs
License
MIT
Install
npm install css-block-loader@1.0.1

Documentation

css-block-loader

npm version

A stylish css module compatible block loader...

Compatible

Install

npm install css-block-loader --save-dev

Usage

Simply import the block loader css module and use it as your loader, assign to your components' styles object:

import loader from 'css-block-loader'
Object.assign(styles, loader)

Then use it for styling your elements.

	return (
        <div className={styles.loader}>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
        </div>
    );

Example

Check out the full working example here

Run it

cd example; npm install; npm start

License

MIT