vue-vi-ui

Vi-Ui

Read the documentation

Install:

Using NPM:

npm install --save vue-vi-ui

Or the CDN:

<script src="https://unpkg.com/vue-vi-ui/dist/vi-ui.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-vi-ui/dist/vi-ui.min.css">

How to use:

import 'vue-vi-ui/dist/vi-ui.min.css';
 
import Vue from 'vue';
import ViUi from 'vue-vi-ui';
 
Vue.use(ViUi);
 
export default {
  name: 'app',
}

Import the fonts

Vi-Ui is made to use the fonts Montserrat e Source Sans Pro:

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500|Source+Sans+Pro:400,400i,700,700i" rel="stylesheet">

or use the css import (slower):

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500|Source+Sans+Pro:400,400i,700,700i');

Apply the Vi-Ui style

Apply the class ViComponent to the body for global or where you want to use the Vi-Ui.

Visual Code extension

You can use the viui-vscode extension to get some snippets and autocomplete when developing something with Vi-Ui.

Contribution, Feature Resquests and Bug Report

See our issues page.