Number Input - Keep React

Number Input Component is a user interface element designed for collecting numeric input from users. It provides a field where users can enter numerical values, such as integers or decimals, using keyboard input or arrow buttons.

Table of Contents#

Default Number Input
Sizes Of Number Input
Disabled Number Input
API Reference

Default Number Input#

Default Number Input a simple numeric input field with two buttons for incrementing and decrementing the value.

Sizes Of Number Input#

The NumberInput component in the Keep React offers three available sizes: "sm" "md" and "lg".

Disabled Number Input#

API Reference#

Explore the available props for the number input component

Property	Description	Type	Default
value	The current value of the NumberInput.	number	100
sizing	Size of the NumberInput component.	sm md lg	md
disabled	Indicates whether the NumberInput is disabled.	boolean	false
helperText	Additional helper text to assist the user.	ReactNode	null
icon	An optional icon to display within the NumberInput component.	ReactNode	None
iconPosition	Position of the icon within the NumberInput.	right left	None
setValue	Function to update the value of the NumberInput.	Function	Function