Reactify-password-generator NPM

Reactify Password Generator

A React library for generating and checking password strength with a customizable regex pattern.

Installation

You can install this library via npm or yarn:

npm install reactify-password-generator
# or
yarn add reactify-password-generator

Usage

Password Generator

import React from 'react';
import { ReactifyPasswordGenerator } from 'reactify-password-generator';

const App = () => {
  const handleGeneratePassword = (password) => {
    console.log('Generated Password:', password);
  };

  return (
    <div>
      <h1>Password Generator</h1>
      <ReactifyPasswordGenerator
        renderTrigger={(props) => <button {...props}>Generate Password</button>}
        onGenerate={handleGeneratePassword}
        regex={/your-custom-regex-here/}
      />
    </div>
  );
};

export default App;

Password Strength Indicator

import React from 'react';
import { ReactifyPasswordStrengthIndicator } from 'reactify-password-generator';

const App = () => {
  const password = 'your-password-here';

  return (
    <div>
      <h1>Password Strength Indicator</h1>
      <ReactifyPasswordStrengthIndicator password={password} regex={/your-custom-regex-here/} />
    </div>
  );
};

export default App;

Props

`ReactifyPasswordGenerator` Props

renderTrigger: Function to render the trigger button.
onGenerate: Callback function that is called when a password is generated.
regex: Regular expression for password complexity.

`ReactifyPasswordStrengthIndicator` Props

password: The password to check for strength.
regex: Regular expression for password complexity.

Custom Regex Pattern

You can specify a custom regex pattern to enforce password complexity. The default pattern enforces at least one symbol, one capital letter, one small letter, and one number.