Password Strength

Visualisation of password's strength, represented by 5 block that changes colour according to complexity of password.

View larger

Close

View larger

Close

View larger

Close

Usage

Password Strength is component that visualise strength of password. Strength can be set from 0 to 5 and represent number of blocks that would be filled with color and color of fill ling(0 - nothing, 1 - red, 2 - orange, 3 - yellow, 4 - light green, 5 - dark green). Setting strength to more then 5 will make no difference from just setting it to 5.

Client-side implementation

This is the server-side (Java) API for Vaadin Platform for the vcf-password-strength component. Looking for the client-side version? It can be found here: https://vaadin.com/directory/component/vaadin-component-factoryvcf-password-strength

License & Author

This Add-on is distributed under Apache 2.0

Component Factory Password Strength is written by Vaadin Ltd.

Sponsored development

Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: Support and Pricing

Sample code

PasswordStrength passwordStrength = new PasswordStrength();
passwordStrength.setStrength(4);

passwordField.addValueChangeListener(changeEvent -> {
    passwordStrength.setStrength(changeEvent.getValue().length() / 3);
});

Links

• Component Implementation
• View on GitHub
• Online Demo
• Edit

Compatibility