数据输入/数字输入

Input Number 数字输入

Input Number 用于精确输入数值,支持键盘输入、点击加减和禁用状态。

交互示例

点击左右按钮或直接输入数值,组件会按步进值更新并限制在可配置范围内。

组件尺寸

提供 Large、default、Small 三种尺寸,对应 Figma 中的三档高度和图标大小。

API 参考

参数 说明 类型 可选值 默认值
value初始数值number | string-6
min最小值number--Infinity
max最大值number-Infinity
step每次加减的步进值number-1
size组件尺寸string'large' | 'default' | 'small''large'
disabled是否禁用booleantrue | falsefalse
onChange数值提交变化回调function-null
onInput输入过程回调function-null
className自定义类名string-''
id自定义 idstring-''