Menu Icon

Password

A password allows data entry by entering pass code. They let users authentication and change password.

Usage

Size comes with three different types of entry mode to select. They can be small, middle or large.

Guidance

  • Passwords should indicate a placeholder with text explanation.
  • Consider using an icon in dense environments.

When to use

  • Use Passwords for password data input.

Additional info

  • Consider adding toggle visibility to allow user make toggle visible.

Variations

  • The updatable properties of Passwords are placeholder, prefix icon and size.
  • The updatable behaviour of Passwords is visibility toggle.
  • The updatable style features of Passwords are margin, padding, size, overflow, typography, background, border, effects and css.
  • The updatable style features of Password Wrappper are margin, padding, size, overflow, typography, background, border, effects and css.
  • The updatable style features of Password Prefix are margin, padding, typography, effects and css.
  • The updatable style features of Password Suffix are margin, padding, typography, effects and css.
  • The updatable style features of Password Placeholder are margin, padding, typography and css.
  • The usable dynamic properties of Passwords are visibilityToggle, placeholder, prefix, hidden and style.