@react-input-validator/rules/README.md

The validation rule objects used by the packages: `@react-input-validator/core`, `@react-input-validator/native` and `@react-input-validator/web`

# **@react-input-validator**

It's to validate the input component value in React app (web and native). The value is validated based on the
rule(s) defined for the input. If the input is invalid, the error message is shown near the input. Moreover,
you can change the inputs' appearance when they are invalid or also valid after the invocation of validation
as depicted by the pictures below:  

![validation for different types of inputs](https://atmulyana.github.io/react-input-validator/images/validation-1.png)  
![validation with status icon](https://atmulyana.github.io/react-input-validator/images/status-icon.png)  
![file upload](https://atmulyana.github.io/react-input-validator/images/file-upload.jpg)

It's very useful before submitted to the server.

### **How to install**

For web app, install the following package:

    npm i @react-input-validator/web

For React Native app, install the following package:

    npm i @react-input-validator/native

### **How to use this package**
Please see this [docs](https://atmulyana.github.io/react-input-validator). Additionally, you can take a look at the
[`example`](https://github.com/atmulyana/react-input-validator/tree/main/example) directory in the source code.