iiui

Lightweight Mobile UI Components built on Vue

Usage no npm install needed!

<script type="module">
  import iiui from 'https://cdn.skypack.dev/iiui';
</script>

README

Lightweight Mobile UI Components built on Vue

npm version Build Status downloads JS Gzip Size CSS Gzip Size Coverage Status

🇨🇳访问中文版


Features

Install

NPM

npm i iiui -S

YARN

yarn add iiui

Quickstart

1. Use babel-plugin-import (Recommended)

# Install babel-plugin-import
npm i babel-plugin-import -D
// set babel config in .babelrc or babel-loader
// Note: Don't set libraryDirectory if you are using webpack 1.
{
  "plugins": [
    ["import", {
      "libraryName": "iiui",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

Then you can import components from iiui, equivalent to import manually below.

import { Button } from 'iiui';

If you are using TypeScript,please use ts-import-plugin instead

2. Manually import

import Button from 'iiui/lib/button';
import 'iiui/lib/iiui-css/base.css';
import 'iiui/lib/iiui-css/button.css';

3. Import all components

import Vue from 'vue';
import IIUI from 'iiui';
import 'iiui/lib/iiui-css/index.css';

Vue.use(IIUI);

If you configured babel-plugin-import, you won't be allowed to import all components.

Contribution

Please make sure to read the Contributing Guide before making a pull request.

Browser Support

Modern browsers and Android 4.0+, iOS 6+.

LICENSE

MIT