Password input

In order to guarantee the component accessibility, please make sure to respect the following rules when integrating the component into your pages:

Always use a role="switch" attribute on the .mc-password-input__button element.

Always use an aria-pressed attribute on the .mc-password-input__button element, and dynamically change its value from false to true and vice versa depending on the state of the button.


<button
  type="button"
  class="mc-password-input__button"
  role="switch"
  aria-pressed="false"
>
  Show
</button>