cascade-layout

1.0.10 • Public • Published

Cascade.js

Simple minimalistic plugin for masonry-like layout. Lightweight (3kb minified) jQuery-free library, a successor of kudago/waterfall.js.

Demo

Usage

Browserify:

$ npm install cascade-layout
var cascade = require('cascade-layout');

You can also use it with native JS:

var cascade = new Cascade(element, options);

Or with jQuery:

$(elem).cascade(options);

Options

{
    childrenSelector: null, //children selector (simply children if null)
    minWidth: 300, //minimal width of the children
    autoResize: true //resize automatically on resize
}

Methods

When using VanillaJS or CommonJS forms you can call the instance's reflow method to make Cascade redraw the elements

var cascadeItem = new Cascade(...);
cascadeItem.reflow() //reposition cascade elements
 

Dependents (0)

Package Sidebar

Install

npm i cascade-layout

Weekly Downloads

87

Version

1.0.10

License

MIT

Last publish

Collaborators

  • everyonesdesign