ant-design/index.zh-CN.md at 22c10212b652e6f5a091bd84906e0085e2be832c

mirror of https://github.com/ant-design/ant-design.git synced 2024-11-29 05:29:37 +08:00

feat: add new component Segmented (#34319 )

* feat: basic implements in antd

* feat: use rc-segmented

* feat: add some demos

* feat: support dark theme

* docs: add more demos

* feat: support `icon` in segmented

* docs: format content

* test: add test cases

* docs: update docs

* chore: update

* fix: lint issues

* style: add border-radius for selected effect

* style: change border-radius-base

* chore: update gitignore

* feat: segmented support block

* chore: update gitignore

* feat: support block

* feat: add test case

* feat: support size

* docs: update demos

* chore: update

* chore: update

* test: update

* style: update colors

* style: hover and focus styles

* doc: add version mark in docs

* fix: style lint issue

* fix: some lint issues

* doc: add version in demo mds

* doc: add version mark before api details

* Revert "doc: add version in demo mds"

This reverts commit 2a9e86f6ffc2331f7d73eae6edac7c889358a838.

* test: only test for thumb appear

* style: update color vars

* style: add transition

* style: text vertial align

* test: update snapshots

* feat: add preview svg and support dark theme

* fix: update test snapshot

* docs: update docs

* fix: remove useless z-index

* build: add 1kb for bundlesize of antd.variable.min.css

Co-authored-by: taian.lta <taian.lta@antgroup.com>

2022-04-11 11:13:16 +08:00

1.1 KiB

Raw Blame History

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(e:Event)
options	数据化配置选项内容	string[] \| number[] \| Array<{ label: string value: string icon? ReactNode disabled?: boolean className?: string }>	[]
size	控件尺寸	`large` \| `middle` \| `small`	-
value	当前选中的值	string \| number

1.1 KiB Raw Blame History

何时使用

API

Segmented

1.1 KiB

Raw Blame History