el-input-tag/README.md

A input tag editor component of Element UI

# El Input Tag
a input tag editor component of Element UI
<p align="center">
  <img src="demo.gif" alt="Logo"/>
</p>

[中文 README](README-zh_CN.md)

## Props
| Attribute | Description                          | Type    | Accepted Values             | Default |
| --------- | ------------------------------------ | ------- | --------------------------- | ------- |
| size      | size of input                        | string  | mini / small / medium       |         |
| readonly  | whether input is readonly            | boolean |                             | false   |
| type      | component type                       | string  | success/info/warning/danger |         |
| hit       | whether Tag has a highlighted border | boolean |                             | false   |
| color     | background color of the Tag          | string  |                             |         |
| effect    | component theme                      | string  | dark/light/plain            | light   |

## Usage
`npm/cnpm i el-input-tag --save`
- global
``` js
import ElInputTag from 'el-input-tag'
Vue.use(ElInputTag)
```


- component
``` js
import {ElInputTag} from 'el-input-tag'

export default {
    components: {ElInputTag}
}
```

## Sample
``` html
<div>
    <el-form :model="form" ref="form">
      <el-form-item>
        <el-input-tag v-model="form.tags"></el-input-tag>
      </el-form-item>
    </el-form>
</div>
```

## Attention
Add el Tag Component before use