- 组件总览
- 通用
- 布局
- 导航
- 数据录入
- 数据展示
- 反馈
- 其他
分段控制器。自 antd@4.20.0
版本开始提供该组件。
通用属性参考:通用属性
自
antd@4.20.0
版本开始提供该组件。
参数 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
block | 将宽度调整为父元素宽度的选项 | boolean | false | |
defaultValue | 默认选中的值 | string | number | ||
disabled | 是否禁用 | boolean | false | |
onChange | 选项变化时的回调函数 | function(value: string | number) | ||
options | 数据化配置选项内容 | string[] | number[] | Array<{ label: ReactNode value: string icon? ReactNode disabled?: boolean className?: string }> | [] | |
size | 控件尺寸 | large | middle | small | middle | |
value | 当前选中的值 | string | number |
Token 名称 | 描述 | 类型 | 默认值 |
---|---|---|---|
itemActiveBg | 选项激活态背景颜色 | string | rgba(0, 0, 0, 0.15) |
itemColor | 选项文本颜色 | string | rgba(0, 0, 0, 0.65) |
itemHoverBg | 选项悬浮态背景颜色 | string | rgba(0, 0, 0, 0.06) |
itemHoverColor | 选项悬浮态文本颜色 | string | rgba(0, 0, 0, 0.88) |
itemSelectedBg | 选项选中时背景颜色 | string | #ffffff |
itemSelectedColor | 选项选中时文字颜色 | string | rgba(0, 0, 0, 0.88) |