## Tag 标签
用于标记和选择。
### 基础用法
:::demo 由`type`属性来选择tag的类型,也可以通过`color`属性来自定义背景色。
```html
标签一
标签二
标签三
标签四
标签五
```
:::
### 可移除标签
:::demo 设置`closable`属性可以定义一个标签是否可移除。默认的标签移除时会附带渐变动画,如果不想使用,可以设置`close-transition`属性,它接受一个`Boolean`,true 为关闭。
```html
{{tag.name}}
```
:::
### 动态编辑标签
动态编辑标签可以通过点击标签关闭按钮后触发的 `close` 事件来实现
:::demo
```html
{{tag}}
+ New Tag
```
:::
### Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------------- |---------- |-------------------------------- |-------- |
| type | 主题 | string | success/info/warning/danger | — |
| closable | 是否可关闭 | boolean | — | false |
| close-transition | 是否禁用渐变动画 | boolean | — | false |
| hit | 是否有边框描边 | boolean | — | false |
| color | 背景色 | string | — | — |
### Events
| 事件名称 | 说明 | 回调参数 |
|---------- |-------- |---------- |
| close | 关闭 Tag 时触发的事件 | — |