# Tag 标签
用于标记和选择。
基础用法
标签一
标签一
标签二
标签三
标签四
显示代码
更多预设色彩
magenta
red
orange
gold
lime
green
cyan
blue
geekblue
purple
显示代码
自定义色彩
#c03
#ddd
#87d068
显示代码
可移除标签
动态编辑标签可以通过点击标签关闭按钮后触发的 close 事件来实现
标签一
标签一
标签二
标签三
标签四
显示代码
不同尺寸
Tag 组件提供除了默认值以外的二种尺寸,可以在不同场景下选择合适的按钮尺寸。
标签一
标签一
标签一
显示代码
Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 类型 | String | success / info / warning / danger / success / info / warning / error / magenta / red / orange / gold / lime / green / cyan / blue / geekblue / purple | — |
closable | 是否可关闭 | Boolean | — | false |
color | 背景色 | String | — | — |
size | 尺寸 | String | medium / small / mini | — |
Events
事件名称 | 说明 | 回调参数 |
---|---|---|
click | 点击 Tag 时触发的事件 | — |
close | 关闭 Tag 时触发的事件 | — |