Field: DefineComponent<
    ExtractPropTypes<
        {
            id: { default: undefined; type: StringConstructor };
            invalid: { default: boolean; type: BooleanConstructor };
            required: { default: boolean; type: BooleanConstructor };
        },
    >,
    () => VNode<RendererNode, RendererElement, { [key: string]: any }>,
    {},
    {},
    {},
    ComponentOptionsMixin,
    ComponentOptionsMixin,
    {},
    string,
    PublicProps,
    ToResolvedProps<
        ExtractPropTypes<
            {
                id: { default: undefined; type: StringConstructor };
                invalid: { default: boolean; type: BooleanConstructor };
                required: { default: boolean; type: BooleanConstructor };
            },
        >,
        {},
    >,
    { id: string; invalid: boolean; required: boolean },
    {},
    {},
    {},
    string,
    ComponentProvideOptions,
    true,
    {},
    any,
> = ...

Layout + accessibility wrapper for a control. Provides a shared id so <FieldLabel>, <FieldHelp>, and <FieldError> wire up automatically. Bind the control with v-bind="useField()" or place an <Input> inside.