Pattern Overview
We provide baseline patterns that you can easily tweak to suit your products and services.
All patterns also have basic accessibility features built-in, e.g. autocomplete
where needed.
For more information, do visit the WCAG page.

Address
Use an address lookup when you are asking users for a Singapore address.

Date
Use this pattern when you want to ask users for a specific date, e.g. their date of birth or when something was issued to them.

Email Address
Use this pattern when you need to ask users for their email address.

Error Summary
This shows a summary of errors the user has made at the top of the page.

Name
Use this pattern when you need to ask users for their names

Phone Number
Use this pattern when you need to ask users for their phone number