1. Components
  2. Strong Password

Advanced Forms

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.

Basic usage

A basic usage of strong password.

Theme:

minLength

Use minLength to set minimum amount of characters. In this example it's set to 8

Theme:

With Indicator and Hints

With level of indicator and hints.

Theme:

Working with Popover

With level of indicator and hints in 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.

Theme:

API

Use "specialCharactersSet": to set custom special characters.

Theme:

Destroy and Reinitialize

Provides destroy method that helps to destroy a strong password.

Theme: