drip-ui/README.md

Lightweight Mobile UI Components built on Vue

## Features

* 50+ Reusable components
* 80%+ Unit test coverage
* Extensive documentation and demos
* Support [babel-plugin-import](https://github.com/ant-design/babel-plugin-import)
* Support TypeScript
* Support SSR

## Install

#### NPM

```shell
npm i drip-ui -S
```

#### YARN

```shell
yarn add drip-ui
```

## Quickstart

#### 1. Use [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) (Recommended)

```bash
# Install babel-plugin-import
npm i babel-plugin-import -D
```

```js
// set babel config in .babelrc or babel-loader
// Note: Don't set libraryDirectory if you are using webpack 1.
{
  "plugins": [
    ["import", {
      "libraryName": "drip-ui",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}
```

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

```js
import { Button, Cell } from 'drip-ui';
```

> If you are using TypeScript，please use [ts-import-plugin](https://github.com/Brooooooklyn/ts-import-plugin) instead

#### 2. Manually import

```js
import Button from 'drip-ui/lib/button';
import 'drip-ui/lib/drip-css/base.css';
import 'drip-ui/lib/drip-css/button.css';
```

#### 3. Import all components

```js
import Vue from 'vue';
import drip-ui from 'drip-ui';
import 'drip-ui/lib/drip-css/index.css';

Vue.use(drip-ui);

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

See more in [Quickstart](https://dripsui.shuiditech.com/#/zh-CN/quickstart).

## Browser Support

Modern browsers and Android 4.0+, iOS 6+.

## Links

* [Documentation](https://dripsui.shuiditech.com/#/zh-CN/intro)