[EuiPassword] a way to disable/not show icon

[jbuoncri1]

Hello! I was wondering if there's a prop or a way to disable the icon in EuiPassword (or any of the form fields that are available)

[MrRandomInternetDude]

@jbuoncri1 you mean like this ? https://codesandbox.io/s/quirky-dew-w1tg70?file=/demo.js

[MrRandomInternetDude]

additionally you can pass the disabled flag to a form field to disable it.

[MrRandomInternetDude]

hope this helps 👍

[elizabetdev]

Hi @jbuoncri1,

You can just pass type="password" instead of type="dual" and no icon to show/obfuscate the password will show: https://codesandbox.io/s/wizardly-moon-wpzvvt?file=/demo.js:183-401

<EuiFieldPassword
  placeholder="Placeholder text"
  type="password"
  value={value}
  onChange={(e) => setValue(e.target.value)}
  aria-label="Use aria labels when no actual label is in use"
/>

[elizabetdev]

I'm converting this issue into a discussion instead of closing it. It might help other people with the same question.