macinputpassword
Reactive icon

MAC Input Password

Stable version 1.0.0 (Compatible with OutSystems 11)
Published on 12 Jan (2 weeks ago) by 
0.0
 (0 ratings)
macinputpassword

MAC Input Password

Details
Widget Input Password - Show/Hide
Read more

Widget for show or hide password of input

Functionalities:

  • Display eye icon on left or right
  • Max Length is configurable


Easy to customize with CSS variables

.password-hidden-container{
 --input-padding-right : 45px;
 --input-padding-left : 45px;
 --icon-size : 10px;
 --icon-hide-link-color : var(--color-error);
 --icon-show-link-color : var(--color-primary);
 --icon-link-color : var(--color-neutral-6);
 --icon-link-color-phone : var(--color-neutral-7);

/*fix position of eye icon just if needed
you can use fix to display eye icon out of input*/
 --icon-fix-position-top : 0px;
 --icon-fix-position-right : 0px;
 --icon-fix-position-left : 0px;
 --icon-fix-position-top-phone : 0px;
 --icon-fix-position-right-phone : 0px;
 --icon-fix-position-left-phone : 0px;

}

What’s new (1.0.0)
Reviews (0)