test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-05 05:28:20 +08:00
Code Issues Actions 115 Packages Projects Releases Wiki Activity
0c555265b9
ant-design/components/tag/index.zh-CN.md
MadCcc 40e77c40d3
docs: overview dark cover (#40666) 
* docs: add dark overview

* docs: show dark cover in dark theme

* docs: update cover
2023-02-09 22:17:31 +08:00

1.7 KiB
Raw Blame History

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 -
onClose 关闭时的回调（可通过 e.preventDefault() 来阻止默认行为） (e) => void -

Tag.CheckableTag

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