ngx-strength-meter

Angular widget for password strength estimation using zxcvbn

Usage no npm install needed!

<script type="module">
  import ngxStrengthMeter from 'https://cdn.skypack.dev/ngx-strength-meter';
</script>

README

ngx-strength-meter

Downloads Build status

Angular widget for password strength estimation using zxcvbn, simple and pretty.

demo

If you 👍 this project, consider giving it a ★, thanks! 🙌

Installation

$ npm install ngx-strength-meter --save

Usage

First import to your module:

   @NgModule({
     declarations: [
       AppComponent
     ],
     imports: [
       StrengthMeterModule
     ],
     providers: [],
     bootstrap: [AppComponent]
   })
   export class AppModule { }

And use in your component html

<form [formGroup]="form" name="form">
  <mat-form-field>
    <input name="password" matInput placeholder="Input password" type="password" formControlName="password">
  </mat-form-field>
  <strength-meter [value]="form.value.password" (measure)="onStrengthChange($event)"></strength-meter>
</form>

Demo

Try the Demo in StackBlitz

License

MIT © Eisberg Labs