A simple but consistent user interface made for Vue

by Vue.js Examples

Vi-Ui

A simple but consistent user interface made for Vue.

View demo Download Source

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.

GitHub