form-react-validate-in-up

React Form

Installation

npm i form-react-validate-in-up

 import Form from 'form-react-validate-in-up/lib/index

Usage

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

`

<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