A sweet UI component library for Vue.js

Install

npm i -S hxui

Quick Start

located main.js in your project created by Vue.js

import Vue from 'vue'
import hxui from 'hxui'
import 'hxui/lib/hxui.css' // important

Vue.use('hxui')

The above imports all plugins and four components of HXUI lib. Please note that CSS file needs to be imported separately.

Use Plugins

It is easy to use HXUI plugins. What you need to do is to simply call the method in this.$hxui in your vue template file.

this.$hxui.toast.success('Hello world')

this.$hxui.validate('.form-sweet')

Use Components

import { 
  HxTagEditor, 
  HxSmartUploader
} from 'hxui'

export default {
  components: {
    // other components
    HxTagEditor,
    HxSmartUploader
  },
  // ...
}

Browser Support

Modern browsers and Internet Explorer 10+.