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.

Did this answer your question?