Website pattern library

Forms

Address lookup

Step 1 - Default state with example conditional:

Your address

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

Your postcode

Success!BN1 1GP

Edit iconEdit this

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

Address output minimal

Confirm your selected address
  • Flat 2
  • 1 Grand Parade
  • Brighton
  • BN1 1GP
Edit iconEdit this