Ask a user for an address

Collect a complete mailing address from the user, including fields like street, city, and postal code.

When to use

Use this pattern when:

  • Collecting mailing addresses for correspondence
  • Gathering location information for services
  • Users need to provide physical address details

Considerations

  • Pre-select the most common province/territory
  • Use appropriate field widths (postal code is always 7 characters)
  • Consider address autocomplete for improved UX
  • Group related fields (province and postal code on same row)
View old example docs