react-native-password-strength-meter-bar

react-native-password-strength-meter-bar as the name implies is a component for showing password strength for iOS, Android and Expo workflow.

This component library uses zxcvbn password strength estimation library and react-native-progress It supports react version >= 0.72 and <= 0.59.

• Component Demo

Installation

Execute the command to install react-native-password-strength-meter-bar.

npm install --save react-native-password-strength-meter-bar

How to use

Import react-native-password-strength-meter-bar.

import PasswordStrengthMeterBar from 'react-native-password-strength-meter-bar';

Add the source code below to where you want to use it.

return <PasswordStrengthMeterBar password={password} />;

Properties

Below are react-native-password-strength-meter-bar properties.

Prop	required	Type	Description	Default
password	Yes	String	This is the password string for which the strength is being tested.	""
showStrenghtText	No	Boolean	Text label for password strenght	true
height	No	Number	Height of meter bar	8
radius	No	Number	Border radius of meter bar	4
unfilledColor	No	String	Meter bar unfilled color	"#F0F0F0"

Example code

You can see the example code and demo.

Clone the repository

git clone https://github.com/akinlekan28/react-native-password-strength-meter-bar.git

Install dependencies

cd example
npm install

Execute the example project

# example folder
# iOS
npm run ios
# Android
npm run android

Contribute

You can follow below to contribute react-native-password-strength-meter-bar.

Clone the repository and create a pull request

git clone https://github.com/akinlekan28/react-native-password-strength-meter-bar.git