css-block-loader

css-block-loader

A stylish css module compatible block loader...

Compatible

• css modules
• react-css-modules

Install

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

Usage

Simply import the block loader css module and use it as your loader

import { loader } from 'css-block-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