Tailwind CSS Strong Password
Strong Password Component visually indicates password strength with a progress bar, encouraging stronger credentials during user registration and settings.
Requires JS
Note that this component requires the use of our Strong Password plugin, else you can skip this message if you are already using Preline UI as a package.
Minimum length
Use minLength to require a minimum number of characters. In this example, it is set to 8.
Strength indicator with hints
Display a strength indicator together with password requirements and hint text.
Popover hints
Move the strength indicator and password requirements into a popover.
Requires JS
Note that this component requires the use of our Tooltip & Popover plugin, else you can skip this message if you are already using Preline UI as a package.
Custom special character set
Use specialCharactersSet to define which special characters count toward password strength.
Destroy and reinitialize
Use the destroy method before reinitializing the component when the strong-password field needs to be rebuilt.