Website pattern library

Forms

Address lookup

Step 1 - Default state with example conditional:

Your address
Find address

I live outside the UK

Step 2 - Postcode entered, awaiting address selection (ghost button):

Your postcode

Success!BN1 1GP

Edit iconEdit this
Next
I can't find my address in the list

Step 3 - Selected address, editing loops to the postcode entry pattern:

Confirm your selected address
  • Flat 2
  • 1 Grand Parade
  • Brighton
  • BN1 1GP
Edit iconEdit this
Next
I can't find my address

Address output minimal

Confirm your selected address
  • Flat 2
  • 1 Grand Parade
  • Brighton
  • BN1 1GP
Edit iconEdit this
Next
I can't find my address

Reference: WPL042   
Copy this page link to your clipboard

Usage

  • Tick check iconAddress input in forms
  • Tick check iconUse the link below the form as an alternate route to manual address entry

Up arrow iconBack to top