---
title: Tag 标签
desc: 用于标记关键词和概括主要内容。
demo: /tag
nav:
path: /
group:
title: 展示组件
---
### 基础用法
通过 `type` 属性控制标签颜色。
```jsx
标签
标签
标签
标签
```
### 空心样式
设置 `plain` 属性设置为空心样式。
```jsx
标签
```
### 圆角样式
通过 `round` 设置为圆角样式。
```jsx
标签
```
### 标记样式
通过 `mark` 设置为标记样式(半圆角)。
```jsx
标签
```
### 可关闭标签
添加 `closeable` 属性表示标签是可关闭的，关闭标签时会触发 `close` 事件，在 `close` 事件中可以执行隐藏标签的逻辑。
```jsx
setShow(false)}>
标签
```
### 标签大小
通过 `size` 属性调整标签大小。
```jsx
标签
标签
标签
标签
```
### 自定义颜色
通过 `color` 和 `textColor` 属性设置标签颜色。
```jsx
标签
标签
标签
```