fix format

react-hook-form · Feb 1, 2025 · 9b1f5ea · 9b1f5ea
1 parent 6951870
commit 9b1f5ea
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 12 deletions.
diff --git a/src/components/ApiGallery.module.css b/src/components/ApiGallery.module.css
@@ -100,5 +100,5 @@
 p.beta {
   margin-bottom: -1rem;
   font-size: 0.7rem;
-  color: var(--color-light-grey)
+  color: var(--color-light-grey);
 }
diff --git a/src/components/ApiGallery.tsx b/src/components/ApiGallery.tsx
@@ -167,7 +167,8 @@ export default function ApiGallery() {
               </h3>
               <p className={styles.beta}>BETA @v7.55.0-next.3</p>
               <p>
-                Create form control object and subscribe form state outside of React component, access methods without context.
+                Create form control object and subscribe form state outside of
+                React component, access methods without context.
               </p>
               <Link
                 href="/docs/createFormControl"

diff --git a/src/content/docs/createFormControl.mdx b/src/content/docs/createFormControl.mdx
@@ -14,16 +14,15 @@ This function create the entire form state subscription and allow you to subscri
 | ---------- | --------------------------- | -------------- |
 | `...props` | <TypeText>Object</TypeText> | `UseFormProps` |
 
-
 ### Returns
 
 ---
 
-| Name       | Type                        | Description    |
-| ---------- | --------------------------- | -------------- |
-| `formControl` | <TypeText>Object</TypeText> | control object for `useForm` hook |
-| `control` | <TypeText>Object</TypeText> | control object for `useController`, `useFormState`, `useWatch` |
-| `...returns` | <TypeText>Functions</TypeText> | `useForm` return methods |
+| Name          | Type                           | Description                                                    |
+| ------------- | ------------------------------ | -------------------------------------------------------------- |
+| `formControl` | <TypeText>Object</TypeText>    | control object for `useForm` hook                              |
+| `control`     | <TypeText>Object</TypeText>    | control object for `useController`, `useFormState`, `useWatch` |
+| `...returns`  | <TypeText>Functions</TypeText> | `useForm` return methods                                       |
 
 <Admonition type="important" title="Notes">
   - This function is published at **v7.55.0-next.3** - This function is
@@ -37,7 +36,8 @@ This function create the entire form state subscription and allow you to subscri
  ```tsx
  const props = createFormControl()
 
- <FormProvider {...props} /> // ❌ You don't need provider
+{" "}
+<FormProvider {...props} /> // ❌ You don't need provider
 
  <input {...props.register('name')} /> // ✅ Direct use method from createFormControl
  ```
@@ -90,15 +90,15 @@ const { formControl, register } = createFormControl(props)
 formControl.subscribe({
   formState: {
     isDirty: true,
-    values: true
+    values: true,
   },
   callback: (formState) => {
     if (formState.isDirty) {
       // do something here
     }
 
     if (formState.values.test.length > 3) {
-     // do something here
+      // do something here
     }
   },
 })
@@ -110,7 +110,7 @@ function App() {
 
   return (
     <form>
-      <input {...register('test')} />
+      <input {...register("test")} />
     </form>
   )
 }