Appearance
Tag 标签
用于标记、分类或展示状态信息,支持类型、尺寸、主题、圆角和关闭能力。
示例
基础用法
主题效果
尺寸与圆角
可关闭
API
Props
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 标签类型 | 'default' | 'primary' | 'success' | 'error' | 'warning' | 'default' |
| closable | 是否可关闭 | boolean | false |
| size | 标签大小 | 'normal' | 'small' | 'large' | 'normal' |
| round | 是否圆角 | boolean | false |
| effect | 主题效果 | 'dark' | 'light' | 'plain' | 'light' |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| close | 点击关闭图标时触发 | - |
Slots
| 插槽名 | 说明 | 作用域参数 |
|---|---|---|
| default | 标签内容 | - |
注意事项
closable为true时会在标签右侧渲染关闭图标。- 组件只负责触发
close事件,不会自动移除标签,需要业务侧更新数据。 size的默认值来自通用尺寸属性,为normal。- 标签文案应短小明确,避免替代长文本说明。
- 表示状态时建议统一颜色语义。