Sha256: 809e62da655b4b5f8e4fabf44df7475a7426f178b3bd782e941c472cc34622f8

Contents?: true

Size: 942 Bytes

Versions: 1847

Compression:

Stored size: 942 Bytes

Contents

This example shows how to enhance the passphrase strenght by setting diferent thresholds and lengths. 

The `meterSettings` array contains different settings for each rendered input. The `handleStrengthCalculation` handles the strength calculation using those settings, showing different results for the same `passphrase` input.

By default, `minLength` is 12. Try typing any value in the `Default Example` input. Notice that the bar won't change from red until the minimum is met.

Adjust these props to tune the sensitivity of the bar.

Note: minimum length trumps strength and will set the bar to a red color, despite whatever strength is calculated.

<div class="pb_pill_kit_warning"><div class="pb_title_kit_size_4 pb_pill_text">Disclaimer</div></div>

This example depends on the `zxcvbn` library. 

You can use any library to achieve the same result, this example only intends to show how to add more features to the `Passphrase` kit.

Version data entries

1,847 entries across 1,847 versions & 2 rubygems

Version Path
playbook_ui_docs-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui_docs-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui_docs-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui_docs-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui_docs-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui_docs-14.12.0.pre.alpha.playrailsinputmaskissue5775 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui-14.12.0.pre.alpha.playrailsinputmaskissue5775 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5757 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5757 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5754 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5754 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751 app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md