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

info
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.
close
EOS Design System logotype

Address format

The address format is an essential part of many forms. Billing information, Shipping information, Mailing information — all those forms require an address.


Description

  • Always associate a label to every text field for good accessibility. Do not include a colon at the end of the label.
  • Names of fields, hints, inputs and other parts of the form can vary based on region. For eg US says ‘ZIP’, whereas, in Europe, it is a postal code.
  • Pre-fill/auto-detect as much as you can. Auto-filling helps people fill out forms 30% faster.
Element states
How to use this element

Example
Code
content_copy