How to add icon to Password component?

[DougB]

How do I add the pi-lock icon to the left of the Password component like I do with standard '? Nothing I've tried works.

I want the functionality with the 'eye' icon to be able to show the password.

This is what I want, but with the 'eye' icon functionality using the Password component:

Code: Select all

<span class="p-input-icon-left">
  <i class="pi pi-lock" />
  <InputText class="w-full" type="password" autocomplete="off" placeholder="Password" />
</span>

[tugce.kucukoglu]

Password does it for all this or you could customize this yourself, like adding a click event and changing input's type dynamically.