VolkenoMakers / volkeno-password-field-validator

React package for validate strong password

volkeno-password-field-validator

Volkeno Password Field Validator is the ReactJS module for validate strong password that is made of 8 characters, 1 uppercase character, 1 lowercase character, 1 numeric, 1 special character.

Install

npm install --save volkeno-password-field-validator

Usage

import React, { Component, useState } from 'react'

import ValidatePassword from 'volkeno-password-field-validator'
import 'volkeno-password-field-validator/dist/index.css'

class Example extends Component {

  const [password , setPassword] = useState<any>('');

  render() {
    return <ValidatePassword
              value={password}
              setPassword={setPassword}
              {... all others props}
            />
  }
}

Configuration - Props

Property	Type	Default	Description
password	string	null	Input password value (Required)
setPassword	string	void	State function to handle password value (Required)
inputNameValue	string	null	Input name property value (Required)
inputClassName	string	null	Input custom className
validatorTitle	string	null	Validator textual label value
characterCountLabel	string	null	Character count label
uppercaseCountLabel	string	null	Uppercase count label
lowercaseCountLabel	string	null	Lowercase count label
specialCharacterCountLabel	string	null	Special character count label
inputPlaceholderValue	string	null	Password input placeholder value
inputContainerClassName	string	null	Password input div container custom className
validatorTitleClassName	string	null	Validator title tag container custom className
listParentClassName	string	null	Validator item ul parent custom className
listItemClassName	string	null	Validator item li custom className
validatorContainerClassName	string	null	Validator div parent tag custom className

License

MIT © VolkenoMakers