A password strength indicator for use in Polymer 2 projects, powered by zxcvbn

[ This description is mirrored from README.md at github.com/limonte/polymer-password-strength on 2018-10-18 ]

<password-strength>

A Polymer password strength indicator, powered by zxcvbn

Build Status Bower version npm version Published on webcomponents.org Polymer 2 only

Live demo ↗

<div id="random-password"></div>
<password-strength></password-strength>

<script>
  const passwordStrength = document.querySelector('password-strength')
  setInterval(() => {
    const random = Math.random().toString(36).substring(Math.random()*10)
    passwordStrength.password = random
    document.querySelector('#random-password').innerText = 'Current password: ' + random
  }, 1000)
</script>

Installation

bower install --save polymer-password-strength

Usage

<link rel="import" href="bower_components/polymer-password-strength/password-strength.html">

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

Install

Link to this version
TestedReleased 24 August 2017Other
Framework Support
Polymer 2.0+
Browser Compatibility
Install with
Release notes - Version 1.0.0

Dependencies

polymer#^2.0.0

  • zxcvbn#^4.0.0