# @talixo/number-input

> UI Component which represents Number Input

Latest version **0.1.0** (published 2018-05-02) · MIT license · 0 weekly downloads

## Install

```sh
npm install @talixo/number-input
pnpm add @talixo/number-input
yarn add @talixo/number-input
bun add @talixo/number-input
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2018-05-02 |
| First published | 2018-05-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 30.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Public in Motion GmbH |
| Maintainers | michalochman, rangoo |

## Links

- npm: https://www.npmjs.com/package/@talixo/number-input
- Repository: https://github.com/PublicInMotionGmbH/ui-kit
- Homepage: https://github.com/PublicInMotionGmbH/ui-kit#readme
- Issues: https://github.com/PublicInMotionGmbH/ui-kit/issues
- npm.io page: https://npm.io/package/@talixo/number-input

## Recent versions

- 0.1.0 (latest) — 2018-05-02
- 1.0.0-alpha.36 (alpha) — 2023-05-18
- 1.0.0-alpha.35 — 2018-12-09
- 1.0.0-alpha.31 — 2018-10-19
- 1.0.0-alpha.30 — 2018-10-02
- 1.0.0-alpha.27 — 2018-08-20
- 1.0.0-alpha.24 — 2018-08-13
- 1.0.0-alpha.20 — 2018-07-26
- 1.0.0-alpha.19 — 2018-07-26
- 1.0.0-alpha.16 — 2018-07-24
- 1.0.0-alpha.12 — 2018-07-13
- 1.0.0-alpha.7 — 2018-07-10
- 1.0.0-alpha.6 — 2018-07-10
- 1.0.0-alpha.5 — 2018-06-28
- 1.0.0-alpha.4 — 2018-06-28
- … 1 more at https://npm.io/package/@talixo/number-input/versions

## README

# 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

---
_Source: https://npm.io/package/@talixo/number-input · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
