The SUSE Design System uses cookies to help us learn more about how we can improve the design system.
Learn more about our cookie policy

Didn’t find the component you were looking for? Take a look on what’s coming next or contact us.
Looking for components? what’s next or contact us.
EOS Design System logotype


Input elements with type ‘password’ provide a way for the user to securely enter a password. The text is hidden so that it cannot be read, usually by replacing each character with a symbol such as the asterisk.


  • Always provide a label for each password field.
  • The password input must have a valid value before the form can be submitted.
  • The password input includes a show/hide option to show/hide password.
  • The length of the input text provides a hint to users as to how much text to write.
  • A password input text only allows for a single line of input.
  • Should have a password strength indicator to inform the user about their password strength.
  • Should include a placeholder with a short hint describing the expected value in the password.
Element states
How to use this element