Password Entry React Component

A React component for password entry and validation, designed for ease of use and customization.

Installation

You can install this package via npm or yarn:

npm install raul-password-validation
# or
yarn add raul-password-validation

Usage

Import the PasswordEntry component and use it in your React application:

import React from 'react';
import PasswordEntry from 'raul-password-validation';

const App = () => {
  const handleSubmit = (isValid, errors) => {
    if (isValid) {
      // Handle successful validation
      console.log('Password is valid');
    } else {
      // Handle validation errors
      console.log('Validation errors:', errors);
    }
  };

  return (
    <div>
      <h1>Password Entry Example</h1>
      <PasswordEntry onSubmit={handleSubmit} />
    </div>
  );
};

export default App;

Configuration

You can customize the validation rules of the PasswordEntry component using the config prop. The available configuration options are as follows:

minLength: Minimum password length (default: 6 characters). requireUppercase: Require at least 1 uppercase character (default: true). requireLowercase: Require at least 1 lowercase character (default: true). requireNumber: Require at least 1 number (default: true). requireSpecialChar: Require at least 1 special character (default: true).

You can specify custom configuration like this:

<PasswordEntry
  onSubmit={handleSubmit}
  config={{
    minLength: 8,
    requireUppercase: true,
    requireLowercase: true,
    requireNumber: true,
    requireSpecialChar: false,
  }}
/>

Author

RAUL-RIVAS