Angualr Password Strength Meter Based On Zxcvbn.js

Author: antoantonyk
Publish Date:
Official Page: Go to website
Views Total: 53
License: MIT

Description:

A password strength meter component to create a visual indicator next to the password field that indicates the strength of the provided password.

Based on dropbox’s Zxcvbn.js Password Strength Estimation library.

How to use it:

1. Install the Zxcvbn.js and angular-password-strength-meter packages.

# NPM
$ npm install [email protected] --save
$ npm install angular-password-strength-meter --save

2. Import the Password Strength Meter module.

import { PasswordStrengthMeterModule } from 'angular-password-strength-meter';

@NgModule({
  imports: [
    PasswordStrengthMeterModule
  ],
})

export class AppModule { }

3. Use the component in your template.

<password-strength-meter [password]="password"></password-strength-meter>

Preview:

Angualr Password Strength Meter Based On Zxcvbn.js


Tags:

Add Comment