# react-ui
Based on the react to maintain a set of ionic style of reusable component library [document](http://www.react-d.com/api/) 
## Installation

```
npm install fruit-ui
```

[React-design](http://www.react-d.com)

## Show
![demo](http://g.recordit.co/lWR00hs6o1.gif)   

## Phone preview
![image](https://cloud.githubusercontent.com/assets/9276376/17802302/06531f8a-6622-11e6-8346-4de63e5ebb36.png)


[demo体验](http://demo.react-d.com/#/?_k=qgj3q0)

## Downloads

```
git clone https://github.com/react-design/react-ui.git
```

## Install dependencies

```
npm install --registry=https://registry.npm.taobao.org --verbose
```

## Start server

```
npm start
```

## How to visit

Open url `http://127.0.0.1:8080/` in browser.


# Components
Components of the plan, the subsequent will continue to add new components

 - [x] Button
 - [x] Input 
 - [x] grid
 - [x] Switch
 - [ ] Numberbox 
 - [ ] Checkbox 
 - [ ] Select
 - [x] ActionSheet
 - [ ] Tabbar
 - [x] Dialog 
 - [x] Toast 
 - [ ] Popover 
 - [x] Carousel 
 - [ ] Popover
 - [ ] Navigation
 - [ ] Spiner
 - [ ] Datepicker 
 - [ ] Processbar 
 - [x] Searchbar 
 - [ ] ShareGroup


# Change log


## Project Structure
```react-ui
   |-- example  
   |-- lib
   |-- src  
   |   |-- components  
   |   |   |-- button 
   |   |   |   |-- button.js
   |   |   |   |-- index.js
   |   |   |   `-- styles.less
   |   |   |-- ...  
   |   `-- index.js
   |-- .babelrc
   |-- .editorconfig
   |-- .eslintrc
   |-- .travis.yml
   |-- package.json
   `-- webpack.config.js
```

## Welcome

* Star
* Fork
* PR
* Issue