mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 01:29:11 +08:00
4fd49a8f7f
* Update index.en-US.md * Update index.zh-CN.md
1.1 KiB
1.1 KiB
category | subtitle | type | title | cover |
---|---|---|---|---|
Components | 分段控制器 | 数据展示 | Segmented | https://gw.alipayobjects.com/zos/bmw-prod/a3ff040f-24ba-43e0-92e9-c845df1612ad.svg |
分段控制器。自 antd@4.20.0
版本开始提供该组件。
何时使用
- 用于展示多个选项并允许用户选择其中单个选项;
- 当切换选中选项时,关联区域的内容会发生变化。
API
自
antd@4.20.0
版本开始提供该组件。
Segmented
参数 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
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 |
- | |
value | 当前选中的值 | string | number |