Tag 标签

标签组件用于标记和分类内容。它允许用户快速识别和过滤信息，通常用于展示状态、属性和分类。

参数

Props

名称	类型	默认值	描述
type	ComponentType	'default'	标签类型
size	ComponentSize	'medium'	标签大小
variant	'filled' | 'outlined'	'filled'	标签变体
closable	boolean	false	是否可关闭
closeShowType	'always' | 'hover'	'always'	关闭按钮展示方式

Slots

名称	描述	参数
default	默认插槽，用于显示标签内容	-
close	关闭图标插槽，可自定义关闭按钮	-

Events

名称	描述	参数
close	关闭标签时触发	(event: MouseEvent) => void

示例

基础用法

不同尺寸

不同样式

可关闭标签

自定义关闭按钮

TypeScript

// 基础颜色类型
export type ComponentType =
  | "default"
  | "primary"
  | "secondary"
  | "success"
  | "warning"
  | "error"
  | "info";

// 组件尺寸
export type ComponentSize = "small" | "medium" | "large";