good-vue
v1.3.1
Published
A box of lightweight basic components
Downloads
46
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
<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>