MARKETPLACE
PLUGINS
SHOW / HIDE PASSWORD
Show / Hide Password logo

Show / Hide Password

Published December 2023
   •    Updated September 2025

Plugin details

The "Show/Hide Password" plugin for Bubble is a useful and intuitive tool designed to enhance the user experience when dealing with password fields in forms. With this extension, developers can easily incorporate functionality that allows users to show or hide the entered password in an input box.
By integrating this plugin into their Bubble applications, users gain greater control over the visibility of their passwords during the input process. A discreet icon, usually represented by an open and closed eye, is added next to the password box. Users can switch between show and hide modes by simply clicking on this icon.

This feature not only simplifies the password entry process but also provides an additional layer of security by allowing users to view the password before confirming their entry. This is particularly useful in environments where accuracy in typing the password is crucial.

Furthermore, the "Show/Hide Password" plugin is highly customizable, allowing developers to adjust the appearance and behavior of the icon and integrate the functionality into different design styles, ensuring seamless integration with the aesthetics of the Bubble application at hand.

In summary, this plugin offers an elegant and functional solution to enhance the user experience when dealing with passwords, providing more control and flexibility during the data input process.

Editor : https://bubble.io/page?type=page&name=show_hide_password&id=convert-repeating-group-t&tab=tabs-1

$5

One time  •  Or  $3/mo

stars   •   0 ratings
3 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Raylan Bruno Fraga logo
Raylan Bruno Fraga
Joined 2021   •   18 Plugins
View contributor profile

Instructions

Para usar o plugin "Show/Hide Password" em seu aplicativo Bubble, siga as instruções abaixo:
1 - Plugin Installation:

*Access the editor of your Bubble application.
*Navigate to the "Plugins" section in the sidebar.
*Look for the "Show/Hide Password" plugin and install it in your application.

2 - Design Configuration:

*In the Bubble editor, go to the "Design" section.
*Add a "Show and Hide" element to your design.
*Add an input element to your design and configure it as a password field.
*Assign an attribute ID to the input (e.g., "passwordInput").

3 - Workflow Configuration:

*Add a second element (e.g., a button or icon) that will be used to show and hide the password.
*Add an action to this second element.
*In the actions panel, search for "ShowandHide."
*Select the appropriate action to show or hide the password.
*In the attribute ID field, add the same attribute ID that you configured for the input (e.g., "passwordInput").


By following these instructions, you have successfully integrated the "Show/Hide Password" plugin into your Bubble application. Now, when users interact with the designated element (button or icon), the password in the input field will be displayed or hidden as desired. Be sure to test this functionality to ensure it is operating as expected in your application.

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:
Analytics   •   Data (things)   •   Email   •   Social Network   •   Blog   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble