Form

Native form. Fields take a name so submit values and errors key off it. A switch that is a setting sits in a Field — Form reads Field name, not a control name on its own. A checkbox group submits when a Field wraps it; each box takes value, not name — Field name is the group key. Hint and error both stay in the tree; CSS hides the hint when the field is invalid. The primary action is type="submit". Cancel stays type="button" — that is the Button default, so it does not submit by accident.

Label above the control, then a hint or an error. The control is full width of the field. Use this for settings, wizards, and anything a person fills in sequence.

Side is a two-column grid: the label is max-content, the control takes the rest. It is not a floated caption and not a 140px kit column. Use it for short switches and checks in a dense panel, not for long copy.