README
V-U-I
V-U-I is a lightweight UI elements for Vue.js 2.0
Documentation and Demo
https://kekecha.github.io/v-u-i
Install
npm install v-u-i --save
Usage
style
<link rel="stylesheet" href="path/to/dist/v-u-i.css">
or import index.less to your project
@import "~v-u-i/src/less/index";
/* custom theme */
@rootDimmer: rgba(255, 255, 255, .2);
@rootBackground: rgba(35, 65, 80, 1);
@rootTextColor: rgba(255, 255, 255, 1);
@rootPrimaryColor: rgba(85, 205, 218, 1);
@rootSecondColor: rgba(85, 130, 150, 1);
Globals (script tag)
<html>
<head>
<link rel="stylesheet" href="./v-u-i.css">
</head>
<body>
<div id="app">
<i-btn @click.native='open=!open'>Toggle Open</i-btn>
<i-modal v-model='open'>
<h1 style='text-align: center;'>Hello World!!!</h1>
<br/><br/><br/>
</i-modal>
</div>
<script src="./vue.js"></script>
<script src="./v-u-i.js"></script>
<script>
new Vue({
data: {
open: false
},
el: '#app'
});
</script>
</body>
</html>
CommonJS
var Vue = require('vue');
var Vui = require('v-u-i');
Vue.use(Vui)
ES6
import Vue from 'vue'
import Vui from 'v-u-i'
Vue.use(Vui)
Browser Support
Modern browsers and Internet Explorer 9+.
LICENSE
This project is licensed under the terms of the MIT