Form controls

Form section

How a long form is laid out: a 240px left column with the section title and one line of context, the fields in a two-column grid on the right. One column on the phone.

Live specimen

Lifted from the approved family page at build time; interact with it.

Form section layout

Form · section title and purpose on the left, fields on a two-column grid on the right, one save bar.

Basics

Name and handle are what brands see first.

/products/

Search engine listing

How the product reads on Google.

0/60
0/160

Price

Brands start from this. They can change it above the floor.

How pricing works
£
3 unsaved changes
Uses.fc-form.fc-form-h.fc-form-b.full.fc-savebar--s-8--text-section

from families/form-controls/#form-section