# Preesoft PVT LTD
## _The Password Requirement Signup page_



Preesoft is software company:



## Example

![example](https://ik.imagekit.io/82ugmoipa/image.png?ik-sdk-version=javascript-1.4.3&updatedAt=1668238570843)

## With fullfilled
![example](https://ik.imagekit.io/82ugmoipa/image-screen.png?ik-sdk-version=javascript-1.4.3updatedAt=1668238549707)


## Installation

`` npm i preesoft-react-pwr ``

Install the dependencies and start 

``` import { Requirements } from 'preesoft-react-pwr' ```

```
   <Requirements
        value={password}
        requirements={passwordRequirements}
        onValidChange={isValid => setisValid(isValid)}
      />
```




# Requires array of requirments
``` 
  const passwordRequirements = [
    {
      text: 'Must be at least 8 characters',
      validator: val => val.length >= 8,
    },
    {
      text: 'Must contain at least one number',
      validator: val => /\d/g.test(val),
    },
    {
      text: 'Must contain at least one lower-case letter',
      validator: val => /[a-z]/g.test(val),
    },
    {
      text: 'Must contain at least one upper-case letter',
      validator: val => /[A-Z]/g.test(val),
    },
  ];
```

* You can add more requirments 
* just remember validator function return value and return true false value


``
        onValidChange: (boolen)=> false || true
``

``
value : password state
``