Is there any method to achieve eye icon in password textbox

Hi Varun
We can achieve this with rich text Icon.

Sample Code:
a!sideBySideLayout(
items: {
a!sideBySideItem(),
a!sideBySideItem(
item: a!textField(
label: "Password",
labelPosition: "ABOVE",
placeHolder: "--- Enter your Password ---",
value: local!password,
saveInto: local!password,
required: true(),
masked: local!mask
),
width: "5X"
),
a!sideBySideItem(
item: a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {
a!richTextIcon(
icon: if(
local!mask = true(),
"eye-slash",
"eye"
),
link: a!dynamicLink(
value: not(local!mask),
saveInto: local!mask
),
linkStyle: "STANDALONE",
size: "MEDIUM"
)
},
marginAbove: "MORE"
)
)
},
alignVertical: "MIDDLE",
marginAbove: "NONE",
marginBelow: "STANDARD"
),

Hi Varun
We can achieve this with rich text Icon.

Sample Code:
a!sideBySideLayout(
items: {
a!sideBySideItem(),
a!sideBySideItem(
item: a!textField(
label: "Password",
labelPosition: "ABOVE",
placeHolder: "--- Enter your Password ---",
value: local!password,
saveInto: local!password,
required: true(),
masked: local!mask
),
width: "5X"
),
a!sideBySideItem(
item: a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {
a!richTextIcon(
icon: if(
local!mask = true(),
"eye-slash",
"eye"
),
link: a!dynamicLink(
value: not(local!mask),
saveInto: local!mask
),
linkStyle: "STANDALONE",
size: "MEDIUM"
)
},
marginAbove: "MORE"
)
)
},
alignVertical: "MIDDLE",
marginAbove: "NONE",
marginBelow: "STANDARD"
),