waterfall-light

A straightforward waterfall component with venilla javascript.

Getting started

npm install waterfall-light

After import this lib, you can init an instance:

new Waterfall({
    data: [
        {
            src: ""
        }
    ],
    colNum: 5, //which means 20% of total width
    wrapperClass: "wfl-wrapper", // the element class for the div in html
    containerClass: "wfl-image-container"
});

Your html file should have the div:

<div class="wfl-wrapper"></div>

Don't forget to import the scss file:

import 'waterfall.scss'