ant-design/components/tag/index.zh-CN.md

category	subtitle	group	title	cover	coverDark	demo
Components	标签	数据展示	Tag	https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*_SBsSrKLg00AAAAAAAAAAAAADrJ8AQ/original	https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JPNAQYrVkYkAAAAAAAAAAAAADrJ8AQ/original	cols 2

进行标记和分类的小标签。

何时使用

• 用于标记事物的属性和维度。
• 进行分类。

代码演示

基本 多彩标签 反色多彩标签 动态添加和删除 可选择标签 添加动画 图标按钮 预设状态的标签 无边框 深色背景中无边框 自定义关闭按钮 可拖拽标签

API

Tag

参数	说明	类型	默认值	版本
closable	标签是否可以关闭（点击默认关闭）	boolean	false
closeIcon	自定义关闭按钮	ReactNode	-	4.4.0
color	标签色	string	-
icon	设置图标	ReactNode	-
bordered	是否有边框	boolean	true	5.4.0
onClose	关闭时的回调（可通过 e.preventDefault() 来阻止默认行为）	(e) => void	-

Tag.CheckableTag

参数	说明	类型	默认值
checked	设置标签的选中状态	boolean	false
onChange	点击标签时触发的回调	(checked) => void	-

Design Token