<p align="center">
  <a href="https://wangdahoo.github.io/vonic/docs/">
    <img src="https://github.com/wangdahoo/vonic/raw/master/logo.png">
  </a>
</p>
<p align="center">
  <img src="https://img.shields.io/badge/version-%202.0.0%20beta.15%20-green.svg">
  <img src="https://img.shields.io/badge/vue-%202.1.10%20-green.svg">
</p>

<p align="center">Mobile UI Components, based on Vue.js and ionic CSS.</p>

## Demo
<p align="center">
  <a href="https://wangdahoo.github.io/vonic/docs/">https://wangdahoo.github.io/vonic/docs/</a>
</p>
<p align="center">
  <img src="https://github.com/wangdahoo/vonic/raw/master/qrcode.png">
</p>

## Notice
- v2.0.0-beta.15 released.

```bash
$ npm install vonic@2.0.0-beta.15
```

- for vue 1.0, please refer to branch **1.x**.

## Features
- Equip with Vue.js, Vue-Router, ES6 & Babel 6
- Cool with Webpack 2.0 & Vue Loader
- Ionic CSS Components
- Stylesheets in Sass
- [Starter Project](https://github.com/wangdahoo/vonic-template#2.0) for Development Quick Start

## Components
- Material Design Button
- Input
- Search
- Radio
- Checkbox
- Toggle
- RangeSlider
- Badge
- Toast
- Loading
- Header
- List
- Cells
- Tabs
- ButtonBar
- Scalable
- Swiper
- Scroll
- [VueScroller](https://github.com/wangdahoo/vue-scroller)
- Cascade
- Accordion
- Datepicker
- Dialog
- Popup
- Modal
- ActionSheet
- Sidebar
- TabBar

## Getting started

quick start with vue-cli.
```
$ npm i vue-cli -g
$ vue init wangdahoo/vonic-template#2.0 my-vonic-app
$ cd my-vonic-app
$ yarn install
```

Run project
```bash
$ npm run dev
```

That's it.

And if you start with [vue-webpack-boilerplate](https://github.com/vuejs-templates/webpack) by vue-cli, check the following starter for your reference.
https://github.com/wangdahoo/vonic-webpack-starter

## Documents
- [中文文档](https://wangdahoo.github.io/vonic-documents)

## Thanks to
- [Ionic](http://ionicframework.com/)
- [Framework7](http://framework7.io/)
- [WeUI](https://weui.io/)
- [vum](http://getvum.com/)
- [vux](https://github.com/airyland/vux)
- [Angular Material](https://material.angularjs.org/)

## LICENSE
MIT
