NumberInputProps Interface

Properties for the NumberInput component

Extends

  • Omit<InputProps, "min" | "max" | "step" | "onChange">

Properties

Name Type Description
containerClassName undefined | string CSS class name for the NumberInput component container div  
containerStyle undefined | CSSProperties Style for component container div.  
format undefined | (num: undefined | | number, formattedValue: string) => string    
max undefined | number number or function defaults to Number.MAX_SAFE_INTEGER  
min undefined | number number or function Number.MIN_SAFE_INTEGER  
onChange undefined | (value: undefined | number, stringValue: string) => void    
parse undefined | (value: string) => undefined | | number    
precision undefined | number number of decimal places, defaults to 0  
ref undefined | Ref<HTMLInputElement> Provides ability to return reference to HTMLInputElement  
showTouchButtons undefined | boolean if true up/down buttons are shown larger and side by side  
snap undefined | boolean Set to true to "snap" to the closest step value while incrementing or decrementing (up/down buttons or arrow keys).  
step undefined | StepFunctionProp increment step value used while incrementing or decrementing (up/down buttons or arrow keys) defaults to 1.  
value undefined | number Numeric value, set to undefined to show placeholder text  

Defined in

Last Updated: 21 March, 2024