0.0.4 • Published 7 years ago
vue-magic-grid v0.0.4
Vue-Magic-Grid
This is a Vue.js port of @e-oj's Magic Grid.
Please check the /test folder for a example.
If you use images, make sure they have a set height, otherwise the grid will calculate weirdly.
Setup
Install & Register the component
$ npm i -S vue-magic-gridimport MagicGrid from 'vue-magic-grid'
Vue.use(MagicGrid)Use
<magic-grid>
<card
v-for="(post, i) in posts"
:key="i"
:title="post.title"
:body="post.body" />
</magic-grid>Props
| Prop | Default | Comment |
|---|---|---|
| wrapper | wrapper | Wrapper class |
| gap | 32 | Gap between elements |
| maxCols | 5 | Max number of colums |
| maxColWidth | 280 | Max width of columns |
| animate | false | Animate item positioning |
Cheers, ImLinus