数字框 InputNumber

数字输入框

何时使用

代替原生 input type='number'

如何使用

  1. import { InputNumber } from 'tinper-bee';
  2. or
  3. import InputNumber from 'bee-input-number';
  4. import 'bee-input-number/build/InputNumber.css';

代码演示

API

参数 说明 类型 默认值
className 类名 string -
onChange 值改变的回调函数 function -
max 最大值 number -
min 最小值 number -
step 间隔值 number 1
value 默认值 number 0
format 显示内容的格式化 function -
precision 显示精度。如要输入小数,此属性必须设置 number 显示小数点后面的位数
delay 当持续按住增减按钮式,变换的速度(毫秒) number 300
disabled 是否可编辑 string -
toNumber onChange回调内的值是否转换为number类型。当正在输入小数点或者小数点后第一位为0时,不能转换为number类型 bool false
split InputNumberGroup自定义分隔符 node ~
displayCheckPrompt 是否显示超出限制范围之后的检验提示 bool false
size 选择框大小,可选 lg sm string default
minusRight 负号是否在右边,针对特殊场景使用 bool false
handleBtnClick 点击右侧按钮的回调,第一个参数为类型,上/+ 为up,下/- 为down,第二个参数为value值 func -
hideActionButton 隐藏加减按钮 bool false

注意事项

暂无

更新日志