0.0.4 • Published 5 years ago

vue-magic-grid v0.0.4

Weekly downloads
124
License
ISC
Repository
github
Last release
5 years ago

Vue-Magic-Grid

GitHub forks GitHub stars GitHub issues GitHub license JavaScript Style Guide

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
import 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

PropDefaultComment
wrapperwrapperWrapper class
gap32Gap between elements
maxCols5Max number of colums
maxColWidth280Max width of columns
animatefalseAnimate item positioning

js-standard-style

Cheers, ImLinus

0.0.4

5 years ago

0.0.3

5 years ago

0.0.2

5 years ago

0.0.1

5 years ago