mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
023efaf976
* 🔀 feat: rebase feature * 🔀 feat: rebase feature * 📝 feat: update doc * feat: clean up * ✨ feat: migrate less to token for Avatar * ✨ feat: migrate less to token for Tag * ✨ feat: migrate less to token for Tag * 🔀 feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update snap * 🔀 feat: rebase feature * 🔀 feat: rebase feature * 📝 feat: update doc * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * ✨ feat: update * chore: code clean * chore: code clean * chore: more suiltable line-height * chore: fix lint --------- Co-authored-by: MadCcc <1075746765@qq.com>
2.1 KiB
2.1 KiB
| 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 |
|
进行标记和分类的小标签。
何时使用
- 用于标记事物的属性和维度。
- 进行分类。
代码演示
基本
多彩标签
反色多彩标签
动态添加和删除
可选择标签
添加动画
图标按钮
预设状态的标签
无边框
深色背景中无边框
自定义关闭按钮
可拖拽标签
组件 Token
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 | - |