I'm looking for the show/hide "eye" icon for a password field

1 Answer 260 Views
Icon
JD
Top achievements
Rank 1
JD asked on 12 Apr 2023, 03:20 PM

My UI designer said he could not find the "eye" icon for show/hide of passwords.  Yet when I was entering my password when signing up, there was one.  Can you please point me to this icon in your library?  Thank you

JD Krise

 

1 Answer, 1 is accepted

Sort by
0
Martin Bechev
Telerik team
answered on 13 Apr 2023, 08:37 AM

Hi JD,

The `eye` icon is available in the Actions article of the Icon List:

However, we don't have the `crossed-eye` icon. However, our designers are in the process of creating such and soon and will be added to the following repo:

https://github.com/telerik/kendo-icons

Meanwhile, you can use the iconClass property of the Button and use a third-party icon library like FontAwesome and display the crossed-eye icon inside. More details on that topic can be found here:

https://www.telerik.com/kendo-angular-ui/components/buttons/button/icons/#toc-using-the-icon-class

Please check the following example where the eye button icon is used to toggle the password visibility:

https://stackblitz.com/edit/angular-famnau-ucyo4d

Regards,
Martin
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Icon
Asked by
JD
Top achievements
Rank 1
Answers by
Martin Bechev
Telerik team
Share this question
or