@ezraobiwale/vue-masonry

vue-masonry

A VueJS implementation for desandro's masonry

Installation

npm i -S @ezraobiwale/vue-masonry

Usage

import Vue from 'vue'
import VueMasonry from '@ezraobiwale/vue-masonry'

Vue.use(VueMansory);

new Vue({
  // ...
});

<ul class="grid">
  <masonry :selector=".grid" :options="optionObject" :data="dataArray">
    <template slot-scope="data">
      <li class="grid-item">
        Index: {{ data.index }}<br />
        Current item: {{ data.current }}
      </li>
    </template>
  </masonry>
</ul>

Note

• optionsObject is as described [here](https://masonry.desandro.com/options.html].

• dataArray is the array of data objects to be used in each item of the mansory list