2016-08-18 15:46:11 +08:00
|
|
|
---
|
|
|
|
category: Components
|
2016-11-09 14:43:32 +08:00
|
|
|
type: Data Entry
|
2016-09-08 16:53:50 +08:00
|
|
|
title: InputNumber
|
2016-08-18 15:46:11 +08:00
|
|
|
---
|
|
|
|
|
|
|
|
Enter a number within certain range with the mouse or keyboard.
|
|
|
|
|
2016-09-10 13:43:30 +08:00
|
|
|
## When To Use
|
2016-08-18 15:46:11 +08:00
|
|
|
|
|
|
|
When a numeric value needs to be provided.
|
|
|
|
|
|
|
|
## API
|
|
|
|
|
2017-10-25 10:25:44 +08:00
|
|
|
| property | description | type | default |
|
|
|
|
| -------- | ----------- | ---- | ------- |
|
2017-12-01 19:28:41 +08:00
|
|
|
| autoFocus | get focus when component mounted | boolean | false |
|
2017-10-25 10:25:44 +08:00
|
|
|
| defaultValue | initial value | number | |
|
|
|
|
| disabled | disable the input | boolean | false |
|
2017-03-10 11:18:31 +08:00
|
|
|
| formatter | Specifies the format of the value presented | function(value: number \| string): string | - |
|
2018-07-28 10:00:51 +08:00
|
|
|
| max | max value | number | Infinity |
|
2017-10-25 10:25:44 +08:00
|
|
|
| min | min value | number | -Infinity |
|
2017-03-22 15:10:03 +08:00
|
|
|
| parser | Specifies the value extracted from formatter | function( string): number | - |
|
2017-10-25 10:25:44 +08:00
|
|
|
| precision | precision of input value | number | - |
|
2018-09-20 16:37:54 +08:00
|
|
|
| decilamSeparator | decimal separator | string | - |
|
2017-10-25 10:25:44 +08:00
|
|
|
| size | width of input box | string | - |
|
|
|
|
| step | The number to which the current value is increased or decreased. It can be an integer or decimal. | number\|string | 1 |
|
|
|
|
| value | current value | number | |
|
|
|
|
| onChange | The callback triggered when the value is changed. | function(value: number \| string) | |
|
2017-12-01 19:28:41 +08:00
|
|
|
|
|
|
|
## Methods
|
|
|
|
|
|
|
|
| Name | Description |
|
|
|
|
| ---- | ----------- |
|
|
|
|
| blur() | remove focus |
|
2017-12-29 20:22:58 +08:00
|
|
|
| focus() | get focus |
|