Layout + accessibility wrapper for a form control. Provides a shared id so
the label, help text, and error message wire up htmlFor and
aria-describedby automatically, and the built-in controls pick up id,
aria-describedby, aria-invalid, and required from it with no extra
props. Pass label/description/error for the common layout, or compose
<FieldLabel>, <FieldHelp>, and <FieldError> yourself.
<Fieldlabel="Email"description="We never share it."error={errors.email}> <Inputtype="email"/> </Field>
Layout + accessibility wrapper for a form control. Provides a shared id so the label, help text, and error message wire up
htmlForandaria-describedbyautomatically, and the built-in controls pick upid,aria-describedby,aria-invalid, andrequiredfrom it with no extra props. Passlabel/description/errorfor the common layout, or compose<FieldLabel>,<FieldHelp>, and<FieldError>yourself.