Forms
General
Clear, boxed form fields
Obvious focus and error states
Provide a clear form label
Use a short, clear label seperately from the placeholder text.
Don't use placeholder text as a form label.
We prefer 1 column forms
Place forms on white backgrounds
Checkboxes vs radiobuttons
Checkboxes
Checkboxes are used when there are lists of options and the user may select any number of choices, including zero, one, or several.
In other words, each checkbox is independent of all other checkboxes in the list, so checking one box doesn't uncheck the others.
A stand-alone checkbox is used for a single option that the user can turn on or off.
Radiobuttons
Radio Buttons are used when a range of options is present but only one option can be chosen. We aim to limit radio buttons to 5 options, above that we refer to the select component.
For situations where multiple choice is in orde, we use checkboxes.
