@liqueflies/vue-flex-grid

A powerful flexbox grid system for Vue.js 2.x, based on flexboxgrid and css-modules.

0.0.1
latest
npm

Version published: 7 years ago

Weekly downloads: 1

Maintainers: 1

Weekly downloads

Created: 7 years ago

Source

vue-flex-grid

A powerful flexbox grid system for Vue.js 2.x, based on flexboxgrid and css-modules.

Installation

  npm install @liqueflies/vue-flex-grid --save
  # or
  yarn add @liqueflies/vue-flex-grid

Example usage

import VueGrid from '@liqueflies/vue-flex-grid'

Vue.use(VueGrid)

This instruction will install 3 components, Grid, Row, Column. Please refer to Documentation for more details.

An example of code using vue-grid:

<grid>
  <row>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
    <column :sm="6" :md="3">
      <img src="http://unsplash.it/800x800" class="img-fluid" alt="placeholder" />
    </column>
  </row>
</grid>

Documentation

View the Documentation

Examples

  npm run examples

Credits

Inpired by react-flexbox-grid

License

MIT

Keywords

FAQs

What is @liqueflies/vue-flex-grid?

Is @liqueflies/vue-flex-grid popular?

Is @liqueflies/vue-flex-grid well maintained?

Package last updated on 24 Feb 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install