Skip to main content

HaapiStepperFormFieldUI

Renders the built-in UI for a single HAAPI form field, automatically choosing the right input for the field type (text, password, checkbox or select).

Must be used inside a HaapiStepperFormUI children render interceptor — it reads the field's value and submission state from that form's context, so rendering it anywhere else throws. Reach for it when you want a custom form layout but still want the default, state-managed inputs for the fields:

Loading playground…

To customize a single field, render its specific component (HaapiStepperTextFormFieldUI, HaapiStepperPasswordFormFieldUI, HaapiStepperCheckboxFormFieldUI, HaapiStepperSelectFormFieldUI) or your own input wired to the form's formState.