数字框 InputNumber
数字输入框
何时使用
代替原生 input type='number'
如何使用
import { InputNumber } from 'tinper-bee';
or
import InputNumber from 'bee-input-number';
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 |
注意事项
暂无