[Doc] Add Forms dedicated chapter

docs/AccordionForm.md

@@ -165,7 +165,7 @@ export const PostCreate = () => (
 
 **Tip**: You can include properties in the form `defaultValues` that are not listed as input components, like the `created_at` property in the previous example.
 
-**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./EditTutorial.md#setting-default-values) section.
+**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./Forms.md#default-values) section.
 
 ## `id`
 

docs/Features.md

@@ -1133,7 +1133,7 @@ These building blocks include:
 And if you want to create your building blocks, you can use any of the [75+ hooks](./Reference.md#hooks) that carry **headless, reusable logic**. To name a few of them:
 
 - [`useRecordContext`](./useRecordContext.md) to get the current record anywhere in the app
-- [`useWarnWhenUnsavedChanges`](./EditTutorial.md#warning-about-unsaved-changes) to warn the user when he tries to leave a page with unsaved changes
+- [`useWarnWhenUnsavedChanges`](./Forms.md#warning-about-unsaved-changes) to warn the user when he tries to leave a page with unsaved changes
 - [`useSaveContext`](./useSaveContext.md) to tweak form submission
 - [`useTheme`](./useTheme.md) to change the theme programmatically
 

docs/Form.md

@@ -83,7 +83,7 @@ export const PostCreate = () => (
 
 **Tip**: You can include properties in the form `defaultValues` that are not listed as input components, like the `created_at` property in the previous example.
 
-**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./EditTutorial.md#setting-default-values) section.
+**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./Forms.md#default-values) section.
 
 ## `id`
 

docs/Inputs.md

@@ -158,7 +158,7 @@ If `true`, the input is disabled and the user can't change the value.
 <TextInput source="title" disabled />
 ```
 
-**Tip**: The form framework used by react-admin, react-hook-form, [considers](https://github.com/react-hook-form/react-hook-form/pull/10805) that a `disabled` input shouldn't submit any value. So react-hook-form sets the value of all `disabled` inputs to `undefined`. As a consequence, a form with a `disabled` input is always considered `dirty` (i.e. react-hook-form considers that the form values and the initial record values are different), and it triggers [the `warnWhenUnsavedChanges` feature](./EditTutorial.md#warning-about-unsaved-changes) when leaving the form, even though the user changed nothing. The workaround is to set the `disabled` prop on the underlying input component, as follows:
+**Tip**: The form framework used by react-admin, react-hook-form, [considers](https://github.com/react-hook-form/react-hook-form/pull/10805) that a `disabled` input shouldn't submit any value. So react-hook-form sets the value of all `disabled` inputs to `undefined`. As a consequence, a form with a `disabled` input is always considered `dirty` (i.e. react-hook-form considers that the form values and the initial record values are different), and it triggers [the `warnWhenUnsavedChanges` feature](./Forms.md#warning-about-unsaved-changes) when leaving the form, even though the user changed nothing. The workaround is to set the `disabled` prop on the underlying input component, as follows:
 
 {% raw %}
 ```jsx

docs/LongForm.md

@@ -147,7 +147,7 @@ export const PostCreate = () => (
 
 **Tip**: You can include properties in the form `defaultValues` that are not listed as input components, like the `created_at` property in the previous example.
 
-**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./EditTutorial.md#setting-default-values) section.
+**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./Forms.md#default-values) section.
 
 ## `id`
 

docs/Reference.md

@@ -323,7 +323,7 @@ title: "Index"
 * [`useUpdateMany`](./useUpdateMany.md)
 
 **- W -**
-* [`useWarnWhenUnsavedChanges`](./EditTutorial.md#warning-about-unsaved-changes)
+* [`useWarnWhenUnsavedChanges`](./Forms.md#warning-about-unsaved-changes)
 * [`withLifecycleCallbacks`](./withLifecycleCallbacks.md)
 
 </div>

docs/SimpleForm.md

@@ -108,7 +108,7 @@ export const PostCreate = () => (
 
 **Tip**: You can include properties in the form `defaultValues` that are not listed as input components, like the `created_at` property in the previous example.
 
-**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./EditTutorial.md#setting-default-values) section.
+**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./Forms.md#default-values) section.
 
 ## `id`
 

docs/TabbedForm.md

@@ -150,7 +150,7 @@ export const PostCreate = () => (
 
 **Tip**: You can include properties in the form `defaultValues` that are not listed as input components, like the `created_at` property in the previous example.
 
-**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./EditTutorial.md#setting-default-values) section.
+**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./forms.md#default-values) section.
 
 ## `id`
 

docs/WizardForm.md

@@ -109,7 +109,7 @@ export const PostCreate = () => (
 
 **Tip**: You can include properties in the form `defaultValues` that are not listed as input components, like the `created_at` property in the previous example.
 
-**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./EditTutorial.md#setting-default-values) section.
+**Tip**: React-admin also allows to define default values at the input level. See the [Setting default Values](./forms.md#default-values) section.
 
 ## `id`
 

docs/css/style-v20.css

@@ -304,6 +304,10 @@ ul.sidenav code {
     background: 0 0;
 }
 
+.markdown-section a code {
+    color: #4183c4;
+}
+
 .markdown-section a:active,
 .markdown-section a:focus,
 .markdown-section a:hover {

docs/navigation.html

@@ -102,6 +102,7 @@
 
 <ul><div>Creation & Edition Pages</div>
   <li {% if page.path == 'EditTutorial.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./EditTutorial.html">Introduction</a></li>
+  <li {% if page.path == 'Forms.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Forms.html">Forms</a></li>
   <li {% if page.path == 'Validation.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Validation.html">Form Validation</a></li>
   <li {% if page.path == 'Create.md' %} class="active beginner" {% else %} class="beginner" {% endif %}><a class="nav-link" href="./Create.html"><code>&lt;Create&gt;</code></a></li>
   <li {% if page.path == 'CreateBase.md' %} class="active" {% endif %}><a class="nav-link" href="./CreateBase.html"><code>&lt;CreateBase&gt;</code></a></li>