Numeric Input
Use when the input requires a numerical value.
```js
initialState = { value: '1', error: null };
requiredValidator = value => value !== '' && value !== '-';
handleInputChange = (value) => {
setState({
value,
error: requiredValidator(value) ? null : 'Field required'
});
}
```
```js noeditor
{}}
/>
```
Numeric Input Field
You can pass min and max prop to component. In this example value should be within range [-10, 1000]
```js
initialState = { value: '1000', error: null };
requiredValidator = value => value !== '' && value !== '-';
handleInputChange = (value) => {
setState({
value,
error: requiredValidator(value) ? null : 'Field required'
});
}
```
```js noeditor
{}}
labelText="Number"
description="Choose number"
/>
```
Numeric Input without controls
```js
initialState = { value: '51' };
handleInputChange = (value) => {
setState({
value
});
}
```
```js noeditor
{}}
/>
```
Disabled Numeric Input
```js
initialState = { value: '51' };
requiredValidator = value => value !== '' && value !== '-';
handleInputChange = (value) => {
setState({
value,
});
}
{}}
/>
```
```js noeditor
{}}
/>
```