# @la-components/react-numerical-input

> NUMERICAL INPUT ======= ## Demo [Numerical Input Demo](https://jsfiddle.net/tuanhn/4pn5d7ek/)

Latest version **1.0.1** (published 2023-08-03) · ISC license · 0 weekly downloads

## Install

```sh
npm install @la-components/react-numerical-input
pnpm add @la-components/react-numerical-input
yarn add @la-components/react-numerical-input
bun add @la-components/react-numerical-input
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2023-08-03 |
| First published | 2023-08-03 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 126.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | dungkos, walternguyen, parsonsnguyen, happy.duong |

## Links

- npm: https://www.npmjs.com/package/@la-components/react-numerical-input
- npm.io page: https://npm.io/package/@la-components/react-numerical-input

## Dependencies (2)

- [react](https://npm.io/package/react.md) ^16.3.2
- [react-dom](https://npm.io/package/react-dom.md) ^16.3.2

## Recent versions

- 1.0.1 (latest) — 2023-08-03
- 1.0.0 — 2023-08-03

## README

NUMERICAL INPUT
=======
## Demo
[Numerical Input Demo](https://jsfiddle.net/tuanhn/4pn5d7ek/)

## Supported formats
```javascript
[
    "integer": ["all", "positive"]
    "decimal": ["all", "positive", "limited decimal places"]
]
```
## Basic Usage
```javascript
import React from 'react';
import {Numeric} from '../src/components/numeric';

export class Form extends React.Component {
    constructor(props){
        super(props);        

        this.state = {
            input: -0.123
        }
        this.handleInputChange = this.handleInputChange.bind(this);
    }   

    handleInputChange(data){
        this.setState({input: data.value});
    }

    render() {        
        return (
            <form >
                <Numeric    className={"greenBorder"}
                            format={"decimal"} 
                            positive={true}  
                            decimalPlaces={4} 
                            value={this.state.input} 
                            onChange={this.handleInputChange}/>
            </form>
        );
    }
}
```

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