Skip to content

useAppForm

useAppForm: <TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>(props) => AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, { ArrayField: <TItem>(props) => ReactNode; BlocksField: <TBlock>(props) => ReactNode; CheckboxField: (props) => ReactNode; ColorField: (props) => ReactNode; DateField: (props) => ReactNode; EmailField: (props) => ReactNode; GroupField: (props) => ReactNode; JsonField: (props) => ReactNode; NumberField: (props) => ReactNode; SelectField: (props) => ReactNode; TextareaField: (props) => ReactNode; TextField: (props) => ReactNode; UrlField: (props) => ReactNode; }, { }>

Defined in: packages/react/src/forms/useAppForm.ts:29

TFormData

TOnMount extends FormValidateOrFn<TFormData> | undefined

TOnChange extends FormValidateOrFn<TFormData> | undefined

TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined

TOnBlur extends FormValidateOrFn<TFormData> | undefined

TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined

TOnSubmit extends FormValidateOrFn<TFormData> | undefined

TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined

TOnDynamic extends FormValidateOrFn<TFormData> | undefined

TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined

TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined

TSubmitMeta

FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>

AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, { ArrayField: <TItem>(props) => ReactNode; BlocksField: <TBlock>(props) => ReactNode; CheckboxField: (props) => ReactNode; ColorField: (props) => ReactNode; DateField: (props) => ReactNode; EmailField: (props) => ReactNode; GroupField: (props) => ReactNode; JsonField: (props) => ReactNode; NumberField: (props) => ReactNode; SelectField: (props) => ReactNode; TextareaField: (props) => ReactNode; TextField: (props) => ReactNode; UrlField: (props) => ReactNode; }, { }>