<vcf-password-strength>
<vcf-password-strength> is a Web Component providing a strength indicator for a password field.
Usage
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>
Installation
This components is distributed as Bower packages.
Polymer 2 and HTML Imports compatible version
Install vcf-password-strength
:
bower i vaadin/vcf-password-strength --save
Once installed, import it in your application:
<link rel="import" href="bower_components/vcf-password-strength/vcf-password-strength.html">
Getting Started
Vaadin components use the Lumo theme by default.
The file structure for Vaadin components
-
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
Running demos and tests in browser
-
Fork the
vcf-password-strength
repository and clone it locally. -
Make sure you have npm installed.
-
When in the
vcf-password-strength
directory, runnpm install
and thenbower 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:
- http://127.0.0.1:8080/components/vcf-password-strength/demo
- http://127.0.0.1:8080/components/vcf-password-strength/test
Running tests from the command line
- When in the
vcf-password-strength
directory, runpolymer test
Following the coding style
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.
Contributing
- Make sure your code is compliant with our code linters:
gulp lint
- Check that tests are passing:
polymer test
- Submit a pull request with detailed title and description
- Wait for response from one of Vaadin components team members
Vaadin Prime
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
License
Apache License 2.0