Input Number

The InputNumber component is similar to Input component, but it has controls for incrementing or decrementing numeric values.

Usage

The InputNumber component can be imported using

import { InputNumber } from '@tail-kit/tail-kit'

Minimum and Maximum values

Pass the min or max prop to set an upper and lower limit for the input.

Step size

Disabled Input Number

Input Number Props

NameDescriptionDefault 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
--