Text field
Spec
A label above every input, 16px input text, 44px high.
Rules
- Labels are always visible above the field (row style). Placeholders never replace a label.
- Border in border-control (3:1); focus is the shared ring.
- Errors: text-error with the error icon and words, tied to the field, and the border turns border-error. Focus moves to the first field with an error.
- Inputs are 16px so iOS never zooms in. Password fields carry the right autocomplete values for password managers.
Built 1.0.0
The app's own component, version 1.0.0, live. Fake data; nothing is saved.
Changes
- 1.0.0, Sep 30 2026: Label above, 16px input text, errors with icon and words.