Examples
Use to stack form fields vertically, which makes them easier to scan and complete.
Use form layout to arrange fields within a form using standard spacing. By default it stacks fields vertically but also supports horizontal groups of fields.
Use to stack form fields vertically, which makes them easier to scan and complete.
Use to stack form fields vertically, which makes them easier to scan and complete.
Use field groups to arrange multiple fields in a row.
Works best for familiar layouts such as a row of city, state, and zip code fields. Use caution when arranging unrelated fields next to each other as this makes fields easier to miss.
Field groups will wrap automatically on smaller screens.
Use to stack form fields vertically, which makes them easier to scan and complete.
Use field groups to arrange multiple fields in a row.
Works best for familiar layouts such as a row of city, state, and zip code fields. Use caution when arranging unrelated fields next to each other as this makes fields easier to miss.
Field groups will wrap automatically on smaller screens.
Forms should:
Form section titles should follow the content guidelines for headings and subheadings.
A label is a short description of a field. Labels are not help text, and they shouldn’t be used to provide instruction, but they should be meaningful and clearly indicate what is expected. Labels should be:
Email address
What is your email address?
Phone number
My phone number is:
Help text provides extra guidance to people filling out a form field. This text is easy for people to ignore, so merchants should not need to depend on it to fill out a form. As with all forms, help text should be succinct and easy to read.