使用import { Tag } from "antd"; |
文档 |
文档贡献者
通用属性参考：通用属性
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| classNames | 自定义语义化结构类名 | Record<SemanticDOM, string> | (info: { props }) => Record<SemanticDOM, string> | - | |
| closeIcon | 自定义关闭按钮。5.7.0：设置为 null 或 false 时隐藏关闭按钮 | ReactNode | false | 4.4.0 |
| color | 标签色 | string | - | |
| disabled | 是否禁用标签 | boolean | false | 6.0.0 |
| href | 点击跳转的地址，指定此属性tag组件会渲染成 <a> 标签 | string | - | 6.0.0 |
| icon | 设置图标 | ReactNode | - | |
| onClose | 关闭时的回调（可通过 e.preventDefault() 来阻止默认行为） | (e: React.MouseEvent<HTMLElement, MouseEvent>) => void | - | |
| styles | 自定义语义化结构样式 | Record<SemanticDOM, CSSProperties> | (info: { props }) => Record<SemanticDOM, CSSProperties> | - | |
| target | 相当于 a 标签的 target 属性，href 存在时生效 | string | - | 6.0.0 |
| variant | 标签变体 | 'filled' | 'solid' | 'outlined' | 'filled' | 6.0.0 |
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| checked | 设置标签的选中状态 | boolean | false | |
| icon | 设置图标 | ReactNode | - | 5.27.0 |
| onChange | 点击标签时触发的回调 | (checked) => void | - |
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| classNames | 语义化结构 class | Record<SemanticDOM, string> | - | |
| defaultValue | 初始选中值 | string | number | Array<string | number> | null | - | |
| disabled | 禁用选中 | boolean | - | |
| multiple | 多选模式 | boolean | - | |
| value | 选中值 | string | number | Array<string | number> | null | - | |
| options | 选项列表 | Array<{ label: ReactNode; value: string | number } | string | number> | - | |
| onChange | 点击标签时触发的回调 | (value: string | number | Array<string | number> | null) => void | - |
| Token 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| defaultBg | 默认背景色 | string | #fafafa |
| defaultColor | 默认文字颜色 | string | rgba(0,0,0,0.88) |
| solidTextColor | 默认实心标签的文本色 | string | #fff |