Password input

Usage
Code
Accessibility

Password input is a necessary security feature for logging in or registering on a website.

Overview

Password-Overview

Password input is a combination of the following mentions:

  • A label (optional)
  • An input text
  • A reveal button to show and hide the password

Behaviour

Password-Overview

Make typos on mobile devices is common. To optimise the user journey & experience, the input is available with a feature that shows the password and avoid frustrations with sophisticated passwords.

For accessibility reasons, we preferred a text version instead of an eye icon.