← Gallery index

Form controls: input · field · select · checkbox

Oracle: Gaps 1–3 canvas, 2A/2C (form internals, G2 locks); Kit §3 validation

Field anatomy — “(optional)” convention (G2-2)

Required is the default; tag the exceptions. Helper = caption muted; an error REPLACES the helper, never stacks (Kit §3).

Where confirmations and shared documents go.

Enter a complete email address — like name@baysideschools.org.

Input states

36px, background fill on Panel, input-token border; focus = the global 2px ring; error = solid 1px danger border + inset echo (G2-3).

Select — short static enums only (≤ ~7 options)

Anything longer or searchable is the locked combobox. Opaque raised menu; hover quiet, keyboard loud (§13).

Checkbox

15px, radius 4; checked = primary-solid fill (list-row anatomy §10).