⚙️ Installation & Setup Follow these steps to install and configure the Password Strength Indicator plugin in your Bubble app:

1. Enable ID Attributes in Bubble Settings
Before you begin, enable the option to assign IDs to elements:

Go to the Settings tab in your Bubble editor

Click on the General sub-tab

Scroll down to Advanced Options

Enable the checkbox:
✅ "Expose the option to add an ID attribute to HTML elements."

This setting allows the plugin to identify and connect with your password input field.

2. Add the Plugin to Your Page
Navigate to the page where you want to use the plugin (e.g., login, sign-up, or profile form)

Drag the Password Strength Indicator element from the plugin tab

Place it at the desired position in your form layout

3. Connect the Plugin to the Password Field
If you haven’t already set the ID of your password input field:

Select the password input element

In the property editor, locate the ID Attribute field

Assign it a unique ID (e.g., passwordField)

Then configure the Password Strength Indicator:

In the plugin element’s settings, enter the same ID in the Target Input ID field

Select your preferred display variant

4. Preview and Test
Preview your app

As users type into the password field, the plugin will show real-time strength feedback based on your selected visual style