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-grid
Vue
Use
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