RizuUI

A cool UI Toolkit with Vue.js

still working...

Doc

• English
• 中文

Features

• npm + webpack + vue2
• es2015 + less

Components

• Animation
• Button
• Card
• Navigation
• Hint
• Radio
• Checkbox

Install

NPM

npm install rizu-ui --save

CDN

<script src="https://vuejs.org/js/vue.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/dist/styles/rizuui.css">
<script type="text/javascript" src="https://unpkg.com/rizu-ui/dist/rizuui.min.js"></script>

Usage

Import all

import RizuUI from 'rizu-ui'
import 'rizu-ui/dist/styles/rizuui.css'

Vue.use(RizuUI)

Import components

import { component } from 'rizu-ui'
Vue.component(component.name, component)

When import components you should also import css file.

Use components

<template>
    <RzButton type='gh'>Hello</RzButton>
</template>
<script>
  export default {
  }
</script>

Thanks

• iView
• vue-loading
• RadonUI
• iver
• docsify

License

RizuUI is licensed under MIT