1.0.3 • Published 7 years ago
@ezraobiwale/vue-masonry v1.0.3
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