The InputNumber
component is similar to Input component, but it has controls for incrementing or decrementing numeric values.
The InputNumber
component can be imported using
import { InputNumber } from '@tail-kit/tail-kit'
Pass the min
or max
prop to set an upper and lower limit for the input.
Name | Description | Default Value |
---|---|---|
step | The number to which the current value is increased or decreased. It can be an integer or decimal number | undefined | 1 |
className | Additional class applied to the input element string | undefined | -- |
value | The current value number | undefined | -- |
defaultValue | The initial value number | undefined | -- |
min | The min value number | undefined | Number.MIN_SAFE_INTEGER |
max | The max value number | undefined | Number.MAX_SAFE_INTEGER |
onChange | The callback triggered when the value is changed ((value: string | number) => void) | undefined | -- |
disabled | To disable input number component boolean | undefined | -- |
style | Additional styles to apply CSSProperties | undefined | -- |
precision | The precision of input value number | undefined | -- |