Skip to content

Segment 分段控制器

用于在少量互斥选项之间切换当前值。

基础用法

禁用

尺寸

自定义内容

垂直排列

块级

API

Segment Props

继承自 Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>

属性名描述类型默认值
children分段项内容。ReactNode-
value受控选中值。T-
defaultValue默认选中值。T-
onChange值变化回调。(value: T) => void-
size尺寸。'small' | 'medium' | 'large'-
orientation排列方向。'horizontal' | 'vertical'-
disabled禁用状态。boolean-
block撑满父容器宽度。boolean-

Segment.Item Props

继承自 Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'>

属性名描述类型默认值
value*选项值。T-
disabled禁用状态。boolean-
children选项内容。ReactNode-