# enn-ui [![Build Status](https://travis-ci.org/didi/enn-ui.svg?branch=master)](https://travis-ci.org/didi/enn-ui?branch=master) [![codecov.io](http://codecov.io/github/didi/enn-ui/coverage.svg?branch=master)](http://codecov.io/github/didi/enn-ui?branch=master) [![downloads](https://img.shields.io/npm/dm/enn-ui.svg)](https://www.npmjs.com/package/enn-ui)

> A fantastic mobile ui lib implement by Vue.

### Links

- [Home](https://didi.github.io/enn-ui/)
- [Docs](https://didi.github.io/enn-ui/#/en-US/docs)
- [Example](https://didi.github.io/enn-ui/example/)

  ![Example QR](./assets/example-qr.png)

- [Application Guide](https://github.com/enn-ui/cube-application-guide)

### Communication

![QQ Community QR](./assets/cube-qq-QR.jpg)

### New enn-ui project ?

Recommend use the [CLI tools](https://github.com/enn-ui/cube-template) base on [vue-cli](https://github.com/vuejs/vue-cli) to init the config and base code:

```shell
$ vue init enn-ui/cube-template projectname
```

### Install

```shell
npm install enn-ui --save
```

### Usage

```js
import Vue from 'vue'
import Cube from 'enn-ui'

Vue.use(Cube)
```

#### Use modularized enn-ui

```js
import Vue from 'vue'
import {
  /* eslint-disable no-unused-vars */
  Style,
  Button,
  ActionSheet
} from 'enn-ui'

Vue.use(Button)
Vue.use(ActionSheet)
```

For more information, please refer to [Quick Start](https://didi.github.io/enn-ui/#/en-US/docs/quick-start)

### ToDo

- More components

- Support theme

### Development

```shell
git clone git@github.com:didi/enn-ui.git
cd enn-ui
npm install
npm run dev
# or run document development
npm run doc-dev
```

### Changelog

Detailed changes for each release are documented in the [release notes](https://github.com/didi/enn-ui/releases).