
## tag

### Import
```js
import { Tag } from 'bxs-ui-vue';
```

## Example

```html
<!-- 默认风格 -->
<bxs-tag>默认标签</bxs-tag>
<!-- 宽松型标签 -->
<bxs-tag loose>宽松型标签</bxs-tag>
<!-- 边框类标签 -->
<bxs-tag plain>边框类标签</bxs-tag>

<!-- type 类型列表 -->
<!-- 默认类型: default -->
<div>
  <bxs-tag>实底类标签</bxs-tag>
  <bxs-tag plain>边框类标签</bxs-tag>
</div>
<!--
  其他类型, 值列表: primary、success、info、warning、danger、caution
-->
<div>
  <bxs-tag type="primary">实底类标签</bxs-tag>
  <bxs-tag plain type="primary">边框类标签</bxs-tag>
</div>

```

## Attribute
| 参数| 说明 | 类型 | 默认值 |
| --- | --- | --- |  --- |
| plain | 是否为边框类 | Boolean | false |
| loose | 是否为宽松型 | Boolean | false |
| type | 样式类型 (目前只有颜色) (可取值如下表) | String | 'default' |

##### *type 取值列表如下*:

| type 类型 | 色值 |
| --- | --- | --- |
| default | <span style="color:#999;">#999</span> |
| primary | <span style="color: #508cee;">#508cee</span> |
| success | <span style="color: #d4edda;">#d4edda</span> |
| info | <span style="color: #70acf6;">#70acf6</span> |
| warning | <span style="color: #f43030;">#f43030</span> |
| caution | <span style="color: #ff5000;">#ff5000</span> |

### Slot
| 参数 | 说明 |
| --- | --- |
| — | 默认slot |

### Event
无
