Added disabled field to form state

Author: maurer2

src/components/FormStateApi.tsx

@@ -21,6 +21,7 @@ export const FormStateApi = ({
       isValidating: ReactNode | string
       isLoading: ReactNode | string
       validatingFields: ReactNode | string
+      disabled: ReactNode | string
     }
   }
   columnIndent?: boolean
@@ -221,5 +222,19 @@ export const FormStateApi = ({
         component to retrieve error message easily.
       </td>
     </tr>
+    <tr>
+      {columnIndent && (
+        <td>
+          <code>formState</code>
+        </td>
+      )}
+      <td>
+        <code>disabled</code>
+      </td>
+      <td>
+        <code className={typographyStyles.typeText}>boolean</code>
+      </td>
+      <td>{(api || API).formState.disabled}</td>
+    </tr>
   </>
 )

src/data/api.tsx

@@ -792,6 +792,16 @@ setValue('test', '')
         Capture fields which are getting async validation.
       </>
     ),
+    disabled: (
+      <>
+        Set to <code>true</code> if the form is disabled via the{" "}
+        <code>disabled</code> prop in
+        <Link href="/docs/useform" aria-label="read more about reset api">
+          useForm
+        </Link>
+        .
+      </>
+    ),
   },
   errors: {
     title: "errors",