ant-design/components/segmented/index.zh-CN.md
XIN HU 4fd49a8f7f
docs: Segmented API type (#35974)
* Update index.en-US.md

* Update index.zh-CN.md
2022-06-09 21:39:35 +08:00

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