# Tag 标签

用于标记和选择。

基础用法

标签一
标签一
标签二
标签三
标签四
      

由 type 属性来选择 tag 的类型,也可以通过 color 属性来自定义背景色。

<zch-tag>标签一</zch-tag> <zch-tag type="success">标签一</zch-tag> <zch-tag type="info">标签二</zch-tag> <zch-tag type="warning">标签三</zch-tag> <zch-tag type="danger">标签四</zch-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 时触发的事件