Forms
Every form-input pattern from onboarding, formalized. These currently live as *Draft components inside apps/public/onboarding/components/DesignLanguageCanvas.tsx; phase 2 extracts them into packages/ui/components/forms/and demos each one here.
- Text inputSingle-line text, the staple field.
- Email inputEmail with built-in validation hooks.
- Phone inputUS-formatted phone number.
- Number inputNumeric with optional unit suffix.
- TextareaMulti-line, resizable.
- Date inputDate picker for dob, refill dates, etc.
- AddressStructured address — manual + Google autocomplete.
- Binary choiceTwo large buttons (yes/no, male/female).
- Single selectVertical stack of choices, one selected.
- Multi selectStack of choices, multiple selectable.
- DropdownCompressed select with marquee overflow.
- AcknowledgementI-have-read row with fingerprint icon.
- Calculated valueComputed result card (bmi, copay, etc).
- Split field rowTwo fields side-by-side (mm / yyyy, etc).
- Step navigationPrimary + secondary buttons at footer.