<vcf-password-strength> is a Web Component providing a strength indicator for a password field.
Add <vcf-password-strength>
component to the page. Set attribute strength
accordingly to calculated strength of password.
<vcf-password-strength strength="3"></vcf-password-strength>
This components is distributed as Bower packages.
Install vcf-password-strength
:
bower i vaadin/vcf-password-strength --save
Once installed, import it in your application:
<link rel="import" href="https://github.com/vaadin-component-factory/vcf-password-strength/blob/master/bower_components/vcf-password-strength/vcf-password-strength.html">
Vaadin components use the Lumo theme by default.
src/vcf-password-strength.html
Unstyled component.
theme/lumo/vcf-password-strength.html
Component with Lumo theme.
vcf-password-strength.html
Alias for theme/lumo/vcf-password-strength.html
Fork the vcf-password-strength
repository and clone it locally.
Make sure you have npm installed.
When in the vcf-password-strength
directory, run npm install
and then bower install
to install dependencies.
Run polymer serve --open
, browser will automatically open the component API documentation.
You can also open demo or in-browser tests by adding demo or test to the URL, for example:
vcf-password-strength
directory, run polymer test
We are using ESLint for linting JavaScript code. You can check if your code is following our standards by running gulp lint
, which will automatically lint all .js
files as well as JavaScript snippets inside .html
files.
gulp lint
polymer test
This component is available in Vaadin Prime subscription. It is still open source, but you need to have a valid CVAL license in order to use it. Read more at: https://vaadin.com/pricing
Apache License 2.0