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 install --save volkeno-password-field-validator
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}
/>
}
}
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 |
MIT © VolkenoMakers