Tier D1
RN-universal InputField pilot
ScaffoldedComposition: RnLabel + RnInput + helper/error text. Adds required marker, left/right icon slots, and correct aria-describedby wiring on web. Same prop shape as the web InputField.
Side-by-side: basic field
shadcn
Appears on your reports and certificates.
RN
Institution name *
Appears on your reports and certificates.
With icons + controlled validation
Email address
Search
Password
Type a letter without "@" to see the live validation error.
Disabled
Tenant code
Set during onboarding; contact support to change.
Semantics
| Aspect | shadcn | RN | Notes |
|---|---|---|---|
| Element wrapper | <div> | <View> | Parity |
| Label assoc. | <label htmlFor> | RnLabel with htmlFor | Click-to-focus on web; accessibilityLabel on native |
| Required marker | inline red asterisk | inline red asterisk | Same |
| Error state | red border + message | invalid=true + message | aria-invalid + aria-describedby both wired |
| Helper text | muted text below | muted text below | Swapped for error when error is set |
| Icon slots | absolute-positioned | absolute-positioned | pointerEvents:none so clicks reach the input |