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 | - |