Password Input

The password input component is very much like the text input, with the difference that their value is obscured by default (by replacing its characters with dot symbol ("•"), and the mask can be toggled on/off using the show and hide component action.

Usage

Do's

  • Use the component password input when the value expected is a password and need to be secured.
  • Provide the requirements in the helper text.

Don'ts

  • Show the validation of the password input until the component loses the focus.
  • Disable the copy/paste input functionality.