Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

good-vue

jeff-hykin4ISC1.3.1

A box of lightweight basic components

readme

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

Screen Shot 2019-11-24 at 12 03 49 PM

<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

Screen Shot 2019-11-24 at 12 04 26 PM

<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

Screen Shot 2019-11-24 at 12 13 53 PM

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