标签 Tag

标签组件，6 种语义色 + 3 种尺寸，支持可关闭。

Props

属性	类型	默认值	说明
`variant`	`'primary' \| 'success' \| 'warning' \| 'danger' \| 'info' \| 'outline'`	`'primary'`	标签变体
`size`	`'small' \| 'default' \| 'large'`	`'default'`	尺寸
`closable`	`boolean`	`false`	是否可关闭（显示 ×）
`color`	`string`	`''`	自定义背景色（优先于 variant）
`class`	`string`	`''`	自定义 class

事件

事件	参数	说明
`close`	—	点击关闭按钮触发

示例

vue

<template>
  <Tag variant="success">已完成</Tag>
  <Tag variant="warning" closable @close="handleClose">待处理</Tag>
  <Tag size="large" color="#722ed1">自定义色</Tag>
</template>

标签 Tag ​

标签 Tag