gxb-ui

GXB UI

Mobile UI elements for Dapp built on Vue.js 2.x.

Features

• Customize useful and beautifulcomponents for DAPP.
• Friendly API. It's made for people with any skill level.
• Extensive documentation and demos.

Docs

• 中文文档
• English (working)

Install

Please install Webpack first!

We recommend you create your project through vue-cli.

Install GXB UI

Using npm:

npm install gxb-ui --save

Usage

Import all components

import Vue from 'vue';
import GxbUI from 'gxb-ui';
import 'gxb-ui/lib/css/index.css';

Vue.use(GxbUI);

Import only on demand

First install babel-plugin-import and configure .babelrc:

npm install babel-plugin-import --save-dev

// .babelrc
{
  'plugins': [['import', {
    'libraryName': 'gxb-ui',
    'libraryDirectory': 'src/components'
  }]]
}

Then add rule in webpack.config.js

// webpack.config.js
{
   test: /gxb-ui.src.*?js$/,
   loader: 'babel-loader'
}

To Use

import { Button, Cell } from 'gxb-ui';
import 'gxb-ui/lib/css/button.css';
import 'gxb-ui/lib/css/cell.css';

Vue.component(Button.name, Button);
Vue.component(Cell.name, Cell);

Inspired or Powered By

• Vue
• Webpack
• Ionicons
• Mint
• iView

License

MIT

Copyright (c) 2018-present, GXB UI