Talixo Number Input

UI Component which represents number input with increment and decrement buttons

How to install

Package is available as @talixo/number-input in NPM registry, so you can use it in your project using npm install @talixo/number-input --save or yarn add @talixo/number-input.

Requirements

Your package should additionally have some extra dependencies:

• prop-types: ^15.6.1
• react: ^16.2.0
• react-dom: ^16.2.0
• @talixo/shared: ^0.1.0
• @talixo/icon: ^0.1.0
• @talixo/text-input: ^0.1.0

These packages are required by @talixo/number-input, but you have to install them manually, to avoid having different versions of these in your application.

Supported props

It allows any props which are allowed for input[type="number"]. Additionally, it handles some differently:

Property name	Type	Default	Description
className	string	n/a	additional class name passed to wrapper
stepper	boolean	true	should stepper buttons be visible?
error	boolean	false	indicates that input has error
style	object	n/a	additional styling of wrapper
value	number	0	input value
min	number	-Infinity	minimum number to set inside
max	number	Infinity	maximum number to set inside
step	number	1	step value for mouse whell, keyboard and buttons
precision	number	0	number of decimal places
initialTime	number	700	initial time to automatically de/increment when button is pressed
stepTime	number	20	time for each automated de/increment when button is pressed

Changelog

• 0.1.0 - initial version