# 标签 Tag 组件

## 介绍

标签组件

## 引入

```js
import { Vue } from "vue";
import { Tag } from "@bingoit/mobile-ui";

Vue.use(Tag);
```

## 代码演示

### 基础用法

```html
<bgo-tag type="succss" size="small" closeable plain>
    标签1
</bgo-tag>
```

## API

### Props

| 名称       | 说明             | 类型      | 可选值                                                  | 默认值    |
| ---------- | ---------------- | --------- | ------------------------------------------------------- | --------- |
| type       | 标签类型         | _string_  | `default` / `primary` / `success` / `error` / `warning` | `default` |
| size       | 标签尺寸         | _string_  | `small` / `medium` / `large`                            | `medium`  |
| plain      | 是否朴素模式     | _boolean_ | `true` / `false`                                        | `false`   |
| closeable  | 是否显示关闭按钮 | _boolean_ | `true` / `false`                                        | `false`   |
| color      | 背景颜色         | _string_  | -                                                       | -         |
| text-color | 文本颜色         | _string_  | -                                                       | -         |

### Events

| 事件  | 说明                 | 回调参数       |
| ----- | -------------------- | -------------- |
| click | 当点击标签时触发 | _event: Event_ |
| close | 当点击关闭按钮时触发 | _event: Event_ |

### Slots

| 名称    | 说明     |
| ------- | -------- |
| default | 标签文本 |