test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-02 12:09:14 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity
cef58664e8
ant-design/components/tag/index.zh-CN.md
黑雨 cef58664e8
📝doc: add design token table (#41717) 
* ✨feat: add token

* 📝doc: update lint

* 📝doc: update doc
2023-04-11 10:25:24 +08:00

1.9 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 -
bordered 是否有边框 boolean true 5.4.0
onClose 关闭时的回调（可通过 e.preventDefault() 来阻止默认行为） (e) => void -

Tag.CheckableTag

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

Design Token