Vonic

<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.

$ 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 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
• 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

$ npm run dev

That's it.

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

Documents

• 中文文档

Thanks to

• Ionic
• Framework7
• WeUI
• vum
• vux
• Angular Material

LICENSE

MIT