mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 17:31:25 +08:00
2.0 KiB
2.0 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 |
|
进行标记和分类的小标签。
何时使用
- 用于标记事物的属性和维度。
- 进行分类。
代码演示
基本
多彩标签
反色多彩标签
动态添加和删除
可选择标签
添加动画
图标按钮
预设状态的标签
无边框
深色背景中无边框
自定义关闭按钮
可拖拽标签
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 | - |