# Hide / unhide password on hover trigger

**URL:** <https://community.weweb.io/t/hide-unhide-password-on-hover-trigger/8803>\
**Category:** How do I?\
**Tags:** binding, design, weweb\
**Created:** [May 27, 2024, 4:38am UTC](https://community.weweb.io/t/hide-unhide-password-on-hover-trigger/8803 "2024-05-27T04:38:58Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![weweb](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/weweb/32/9174_2.png) [@weweb](https://community.weweb.io/u/weweb)\
**Post date:** [May 27, 2024, 4:38am UTC](https://community.weweb.io/t/hide-unhide-password-on-hover-trigger/8803/1 "2024-05-27T04:38:58Z")

</div>

The password is hidden by default but I want it to be shown when the “eye” icon is hovered on.

- Created a bool variable and binded it to input specific property i.e display password

The icon has a hover state. How do I change the variable value based on the hover state  
?

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6af5c756236d3dedff515d743722a8b44ee9496d.png)

---

<div class="post-metadata">

**Author:** ![buildnocode](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/buildnocode/32/2964_2.png) [@buildnocode](https://community.weweb.io/u/buildnocode)\
**Post date:** [May 27, 2024, 6:03am UTC](https://community.weweb.io/t/hide-unhide-password-on-hover-trigger/8803/2 "2024-05-27T06:03:47Z")

</div>

Create 2 workflows on the eye icon:

WF1. Select “mouse enter” trigger to change variable value to true  
WF2. Select “mouse leave” trigger to change variable value to false

This should work as intended.