jorisroling:isotope

Meteor implementation of Isotope


License
WTFPL
Install
meteor add jorisroling:isotope@=1.0.14

Documentation

Reactive Block Grid

What does it do ?

This plugin will create a reactive Isotope masonry for you. If you update or filter your collection/cursor it will be automatically reflected in the layout.

Live demo

This plugin is based on the work of smeevil

Usage

Installation:

meteor add jorisroling:isotope

Basic usage:

The most basic option to use it in your templates is as follows :

{{> isotope cursor=myCursor template='myTemplate'}}

To add classes to the generated <ul/> you can pass them using the cssClass option like so :

{{> isotope cursor=myCursor template='myTemplate' cssClass='small-block-grid-3 medium-block-grid-6'}}

Options:

You can pass the following isotope options to the template: transitionDuration, layoutMode, gutter, columnWidth. Please look at the isotope read me for more information on these options.

Full example:

{{> isotope cursor=myCursor template='myTemplate' transitionDuration='1.5s' layoutMode='fitRows' gutter=20 columnWidth='.gutter-width'}}

Licensed under the WTFPL License. See the LICENSE file for details.