mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-02 12:09:14 +08:00
e7edfa42d7
* docs: update overview img * chore: code clean * chore: code clean * chore: update * chore: code clean
1.6 KiB
1.6 KiB
| category | subtitle | group | title | cover | demo | ||
|---|---|---|---|---|---|---|---|
| Components | 标签 | 数据展示 | Tag | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*_SBsSrKLg00AAAAAAAAAAAAADrJ8AQ/original |
|
进行标记和分类的小标签。
何时使用
- 用于标记事物的属性和维度。
- 进行分类。
代码演示
基本
多彩标签
反色多彩标签
动态添加和删除
可选择标签
添加动画
图标按钮
预设状态的标签
自定义关闭按钮
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 | - |