good-vue

What is this?

This is a small library of generic vue components

How do I set it up?

Install with npm install good-vue Then in main.js of your vue project include

import Vue from 'vue'

import GoodVue from 'good-vue'
Vue.use(GoodVue)

What are some usage examples?

There's a <column>, <row>, and <container> component.

Column

Space Evenly

<template>
    <column align-v=space-evenly height=100vh>
        <div class=color-box></div>
        <div class=color-box></div>
        <div class=color-box></div>
    </column>
</template>

Top

<template>
    <column align-v=top height=100vh>
        <div class=color-box></div>
        <div class=color-box></div>
        <div class=color-box></div>
    </column>
</template>

Space Between, Left

<template>
    <column align-v=space-between align-h=left height=100vh>
        <div class=color-box></div>
        <div class=color-box></div>
        <div class=color-box></div>
    </column>
</template>