Skip to content

Tag 标签

用于标记、分类或展示状态信息,支持类型、尺寸、主题、圆角和关闭能力。

示例

基础用法

主题效果

尺寸与圆角

可关闭

API

Props

属性名说明类型默认值
type标签类型'default' | 'primary' | 'success' | 'error' | 'warning''default'
closable是否可关闭booleanfalse
size标签大小'normal' | 'small' | 'large''normal'
round是否圆角booleanfalse
effect主题效果'dark' | 'light' | 'plain''light'

Events

事件名说明回调参数
close点击关闭图标时触发-

Slots

插槽名说明作用域参数
default标签内容-

注意事项

  • closabletrue 时会在标签右侧渲染关闭图标。
  • 组件只负责触发 close 事件,不会自动移除标签,需要业务侧更新数据。
  • size 的默认值来自通用尺寸属性,为 normal
  • 标签文案应短小明确,避免替代长文本说明。
  • 表示状态时建议统一颜色语义。