# form-react-validate-in-up

> ```bash npm i form-react-validate-in-up ``` ```bash import Form from 'form-react-validate-in-up/lib/index ```

Latest version **1.1.4** (published 2020-12-14) · ISC license · 0 weekly downloads

## Install

```sh
npm install form-react-validate-in-up
pnpm add form-react-validate-in-up
yarn add form-react-validate-in-up
bun add form-react-validate-in-up
```

## 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.1.4 |
| Published | 2020-12-14 |
| First published | 2020-12-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 97.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | aziz jarrar |
| Maintainers | tripelbil |

## Links

- npm: https://www.npmjs.com/package/form-react-validate-in-up
- npm.io page: https://npm.io/package/form-react-validate-in-up

## Recent versions

- 1.1.4 (latest) — 2020-12-14
- 1.1.3 — 2020-12-14
- 1.1.2 — 2020-12-14
- 1.1.1 — 2020-12-14
- 1.1.0 — 2020-12-14
- 1.0.9 — 2020-12-14
- 1.0.8 — 2020-12-14
- 1.0.7 — 2020-12-14
- 1.0.6 — 2020-12-14
- 1.0.5 — 2020-12-14
- 1.0.4 — 2020-12-14
- 1.0.3 — 2020-12-14
- 1.0.2 — 2020-12-14
- 1.0.1 — 2020-12-14
- 1.0.0 — 2020-12-14

## README

# React Form
## Installation


```bash
npm i form-react-validate-in-up
```
```bash
 import Form from 'form-react-validate-in-up/lib/index
```

## Usage

```javascript

import React ,{useRef, useEffect, useState} from 'react';
import Form from 'form-react-validate-in-up/lib/index'

function App() {
  const [SingIn,setSingin]=useState([{"type":"text","label":"Tel","name":"tel"},{"type":"password","label":"Password","name":"password"}]);
  const [SignUp,setSignUp]=useState([{Object}]);
   return (
  <div id="App" className="App">
    <Form inputSingUp={SignUp} inputSingIn={SingIn} passwordConstraints={{"uperCase":false,"symboles":false ,minLength:5}} 
    onClickLogin={(e)=>console.log(e)} onClickRegister={(e)=>console.log(e)} >
    </Form>
  </div>
   )}
	export default App;

```
# info Props

`
```bash
<h3>|props              |type         |required  </h3>
<h3>| ImgSignIn         | url         | no   </h3>
<h3>|ImgSignUp          |url          |no  </h3>
<h3>| inputSingUp       |array        |yes  </h3>
<h3>|inputSingIn        |array        |yes  </h3>
<h3>| labelColor        |hexa or word |no  </h3>
<h3>|passwordConstraints|pass object  |yes  </h3>
<h3>|onClickRegister    |return object|no  </h3>
<h3>|onClickLogin       |return object|no  </h3>
<h3>|ColorSingIn        |hexa or word |yes  </h3>
<h3>|ColorSingUp        |hexa or word |yes  </h3>
####hint1
<p>
inputSingUp and  inputSingIn array array of object represent inputs
object={
type:"",
label:"",
name:""
}
all inputs are required
</p>
####hint2
<p>
ColorSingUp
ColorSingUp
#####colors for btns and text
labelColor
#####color for label
</p>
####hint3
you can change images with prop 
ImgSignUp and ImgSignIn
##example
####Javascript　

```

---
_Source: https://npm.io/package/form-react-validate-in-up · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._