标签组件,用于标记或者选择。
# 基础示例
通过组件的 label
属性设置标签的文字。
# 主题颜色
通过组件的 theme
属性设置标签的主题颜色。
# 非镂空标签
通过设置 outline
属性为 false
,可以将标签设置为非镂空。支持与 theme
一起使用设置不同主题颜色的非镂空效果。
# 图标标签
设置 icon
属性,icon
列表可以参考 Engage 组件库的 EIcon
组件。默认将 Icon 放在按钮的左侧,可以设置 iconRight
属性将 Icon 放在标签右侧。
# 圆角标签
通过设置 round
属性可以将标签设置为圆角。
# 定制化 loading
loading 效果默认为组件库的 ESpinner
进度组件,通过向组件的 loading
slot 注入内容支持定制化的 loading 效果。当用户点击标签后,事件处理函数未执行完成前,将会显示 slot 中的内容。
# 标签状态
通过设置 theme
属性为 success
、primary
、warn
、info
、error
给标签设置状态。
# ETag
# Props
Name | Description | Type | Required | Default |
---|---|---|---|---|
outline | 设置 ETag 的镂空效果 | Boolean | false | true |
← EToast EButtonGroup →