0.1.0 • Published 3 years ago

@talixo/number-input v0.1.0

Weekly downloads
15
License
MIT
Repository
github
Last release
3 years ago

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:

  • @talixo/icon: ^0.1.1
  • @talixo/shared: ^0.1.0
  • @talixo/text-input: ^0.2.0
  • prop-types: ^15.6.1
  • react: ^16.2.0
  • react-dom: ^16.2.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 nameTypeDefaultDescription
classNamestringn/aadditional class name passed to wrapper
stepperbooleantrueshould stepper buttons be visible?
errorbooleanfalseindicates that input has error
styleobjectn/aadditional styling of wrapper
valuenumberself-controlledinput value
minnumber-Infinityminimum number to set inside
maxnumberInfinitymaximum number to set inside
stepnumber1step value for mouse whell, keyboard and buttons
precisionnumber0number of decimal places
initialTimenumber700initial time to automatically de/increment when button is pressed
stepTimenumber20time for each automated de/increment when button is pressed

Changelog

  • 0.1.0 - initial version
1.0.0-alpha.35

3 years ago

1.0.0-alpha.31

3 years ago

1.0.0-alpha.30

3 years ago

1.0.0-alpha.27

3 years ago

1.0.0-alpha.24

3 years ago

1.0.0-alpha.20

4 years ago

1.0.0-alpha.19

4 years ago

1.0.0-alpha.16

4 years ago

1.0.0-alpha.12

4 years ago

1.0.0-alpha.7

4 years ago

1.0.0-alpha.6

4 years ago

1.0.0-alpha.5

4 years ago

1.0.0-alpha.4

4 years ago

1.0.0-alpha.2

4 years ago

0.1.0

4 years ago