Password

The password input allows users to securely enter their password, with an option to toggle visibility for better user experience

Cover image displaying a mockup of the password field

Best practices

For password input fields, be sure to provide detailed helper text listing any requirements related to the data format, such as minimum of characters.

Anatomy

Listing all the separate elements of the file uploader
  1. Label: Text that clearly indicate the user about the content they need to enter in the field.
  2. Helper text (optional): Assistive text that can provide additional aid or context to the user. Often used to explain the correct data format or limitations.
  3. Field value: User entered password.
  4. Error message