Slider 滑块

用于在连续或分段数值范围内选择单个值。

变体

禁用状态

范围与步进

尺寸与块级

垂直排列

自定义内容

API

Slider Props

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

属性名	描述	类型	默认值
children	仅识别 Slider.Track 和 Slider.Thumb 插槽	ReactNode	-
value	受控值	number	-
defaultValue	默认值	number	-
min	最小值	number	-
max	最大值	number	-
step	步进值	number	-
orientation	排列方向	'horizontal' | 'vertical'	-
size	尺寸	'small' | 'medium' | 'large'	-
variant	视觉变体	'floating' | 'contained'	-
block	撑满主轴方向	boolean	-
disabled	禁用状态	boolean	-
onChange	值变化时触发	(value: number) => void	-
onComplete	指针释放或键盘提交后触发	(value: number) => void	-

Slider.Range Props

等价于 HTMLAttributes<HTMLSpanElement>

Slider.Thumb Props

等价于 HTMLAttributes<HTMLSpanElement>

Slider.Track Props

等价于 HTMLAttributes<HTMLSpanElement>