1.0.0 • Published 2 years ago

volkeno-password-field-validator v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

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.

NPM JavaScript Style Guide

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

PropertyTypeDefaultDescription
passwordstringnullInput password value (Required)
setPasswordstringvoidState function to handle password value (Required)
inputNameValuestringnullInput name property value (Required)
inputClassNamestringnullInput custom className
validatorTitlestringnullValidator textual label value
characterCountLabelstringnullCharacter count label
uppercaseCountLabelstringnullUppercase count label
lowercaseCountLabelstringnullLowercase count label
specialCharacterCountLabelstringnullSpecial character count label
inputPlaceholderValuestringnullPassword input placeholder value
inputContainerClassNamestringnullPassword input div container custom className
validatorTitleClassNamestringnullValidator title tag container custom className
listParentClassNamestringnullValidator item ul parent custom className
listItemClassNamestringnullValidator item li custom className
validatorContainerClassNamestringnullValidator div parent tag custom className

License

MIT © VolkenoMakers