Stepper​

使用 Stepper 组件增加或减少值，例如将数量从 1 更改为 2。

预览​

示例代码​

render('Checkout::Dynamic::Render', (props) => {
  return <Stepper label="Quantity" max={5} min={0} step={1}></Stepper>;
});

StepperProps​

label​

标识此 Stepper 组件的意图，如 Quantity 表示数量。

max​

整型最大值。

min?​

整型最小值。

step?​

步进，正整数。

error?​

用于显示错误信息给客户查看。

disabled?​

是否禁用，true 为禁用，false 为可用。

readonly?​

是否只读。true 为只读，false 为可编辑。

prefix?​

前缀显示文案，如 $ 显示货币符号。

value?​

受控的数值。

defaultValue?​

非受控，用于设置初始数值。

onChange?​

当数值变化的时候触发。

onFocus?​

当输入框聚焦的时候触发。

onBlur?​

当输入框失焦的时候触发。