Phase 9c · Tier A

RN-universal SelectField pilot

Scaffolded

Composition over RnSelect with label, required marker, helper / error text. Same shape as RnInputField — drop into the same form layouts.

Side-by-side: form field with label and helper

shadcn (native <select>)

You can change this later in your profile.

RN
Programme *
You can change this later in your profile.

Error state

Programme *
Please select a programme to continue.

Semantics

AspectshadcnRNNotes
CompositionLabel + Select + helper textLabel + RnSelect + helper textSame shape as RnInputField
ARIA wiringaria-describedby on triggeraria-describedby on triggerAuto-generated from label
Required marker* on label* on labelSame
error supersedeshelperTexthelperTextaria-invalid on error
Custom item slotsopen the underlying Selectopen the underlying RnSelectFor groups, custom rendering, etc.