Tag 标签

标签用于标记事物的属性和维度,或者可以使用标签来对一组事物分类。

何时使用

  • 用于标记事物的属性和维度。

  • 进行分类。

蓝色标签文字绿色标签文字橙色标签文字红色标签文字灰色标签文字
蓝色标签文字绿色标签文字橙色标签文字红色标签文字灰色标签文字

仅文本

蓝色标签文字绿色标签文字橙色标签文字红色标签文字灰色标签文字自定义图标
蓝色标签文字绿色标签文字橙色标签文字红色标签文字灰色标签文字

带图标

蓝色标签文字蓝色标签文字绿色标签文字橙色标签文字红色标签文字灰色标签文字
蓝色标签文字蓝色标签文字绿色标签文字橙色标签文字红色标签文字灰色标签文字

可关闭

API

参数说明类型默认值
color选填,标签的颜色,可选值:blue green orange red grayStringblue
type选填,标签的类型,可选:normal closeable linkStringnormal
size选填,标签的类型,可选:medium smallStringsmall
icon选填,左侧图标,对应 Icon 组件中的值,也可以自已传入 IconString / ReactDOM
value选填,当 type 为 closeable 时用来标识 colortag 的一个值Any
onClose选填,当 type 为 closeable 时点击取消图标时的回调函数,会携带一个 value 参数Function
href选填,当 type 为 link 时的跳转链接String
target选填,当 type 为 link 时的 target 值,与 a 标签一致String