Use this pattern when you require users to key in their Singapore-based address.
Note: Give your users the option to either key in their postal code to
look up their address, or enter their full address manually.
Below you will find a General Address Format you can use, along with
the code needed to build this element.
For your Address Lookup
- Make it clear to users that this will only work with Singapore addresses.
- Use the address lookup only if you are asking for a
Singapore address. Otherwise, use multiple text inputs or
a text area when asking for addresses outside of Singapore.
For Manually-entered Addresses
- The fields should always have the
to help your users complete it quickly.
- You will need to include the
autocomplete attribute to meet
WCAG 2.1 AA
Can't find a component?
Let us know what you need and we’ll be happy to look into it