@ezraobiwale/vue-masonry

VueJS application of the desandro masonry library

Usage no npm install needed!

<script type="module">
  import ezraobiwaleVueMasonry from 'https://cdn.skypack.dev/@ezraobiwale/vue-masonry';
</script>

README

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