Admin Design Pattern Library
Address Form
Contents
This article discusses standards and rules for an address entry forms.
For solutions not described in this article, please refer to other related patterns or contact the Magento UX Design team.
When to Use / When Not to Use
The address entry fields should be used whenever an address needs to be captured. This set of form elements will be universal across the Magento user experience. This pattern should follow rules established in the Form Elements and related patterns.
Variations
The only variation of this pattern at this time is the North American Address Entry format. Users have the ability to create address entry formats for other locales within the system.
Fields That Make Up Address Entry (in order)
Label | Input Type | Required? |
---|---|---|
Address Line 1 | Text Field | Yes |
Address Line 2 | Text Field | No |
City | Text Field | Yes |
State/Province | Dropdown (Default can be localized) | Yes |
ZIP/Postal Code | Text Field | Yes |
Country | Dropdown (Default can be localized) | Yes |
Styling
This pattern will follow the Form standards established in the Form Elements and related patterns. Refer to the Form Elements and related patterns for style information.
Usage Example
Assets
Source files associated with this article are currently attached the Form Elements Pattern.