# Tag 标签
进行标记和分类的小标签。

## 何时使用
* 用于标记事物的属性和维度。
* 进行分类。


### 基本使用
由`type`属性来选择tag的类型，也可以通过`color`属性来自定义背景色。

@[demo](./demo/basic.vue)


### 可移除标签
设置`closable`属性可以定义一个标签是否可移除

@[demo](./demo/closable.vue)


### 不同尺寸
Tag 组件提供除了默认值以外的三种尺寸，可以在不同场景下选择合适的按钮尺寸。

@[demo](./demo/size.vue)


### Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| type | 主题 | string | success/info/warning/danger/system | — |
| closable | 是否可关闭 | boolean | — | false |
| transition | 动画名称 | String | — | false |
| hit | 是否有边框描边 | boolean | — | false |
| color | 字体颜色 | string | — | — |
| background-color | 背景色 | string | — | — |
| radius | 是否是圆角标签 | boolean | — | false |
| bordered | 是否显示边框 | boolean | — | true |
| size | 尺寸 | string | medium / small / mini | — |


### Events
| 事件名称 | 说明 | 回调参数 |
|---------- |-------- |---------- |
| close | 关闭 Tag 时触发的事件 | — |