You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/react-renderer-demo/src/app/pages/renderer/field-provider.md
+4Lines changed: 4 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -119,6 +119,10 @@ and informations about the formState.
119
119
}
120
120
```
121
121
122
+
# FormSpy provider
123
+
124
+
Every component also receives component `FormSpyProvider` as a prop. You can find more info <ahref="https://final-form.org/docs/react-final-form/api/FormSpy"rel="noopener noreferrer"target="_blank">here!</a>
Copy file name to clipboardExpand all lines: packages/react-renderer-demo/src/app/src/doc-components/pf4-wizard.md
+8Lines changed: 8 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -16,6 +16,7 @@ Don't forget hide form controls by setting \`showFormControls\` to \`false\` as
16
16
| isDynamic | bool | undefined | will dynamically generate steps navigation (=progressive wizard), please use if you use any condition fields which changes any field in other steps (wizards with conditional steps are dynamic by default) |
17
17
|showTitles|bool|undefined|If true, step titles will be shown in the wizard body|
18
18
|predictSteps|bool|undefined|If true, dynamic wizard will predict steps in the navigation.|
19
+
|crossroads|array|undefined|Array of field names, which change next steps|
19
20
20
21
**Default buttonLabels**
21
22
@@ -37,6 +38,12 @@ You can rewrite only selection of them, e.g.
37
38
38
39
(Others will stay default)
39
40
41
+
**Crossroads**
42
+
43
+
With the help of `crossroads` you can manually defined which fields change next steps and together with `predictSteps`, it will cause that the wizard navigation is always refreshed, when one of the crossroads name is changed.
44
+
45
+
Ex.: `crossroads: ['name', 'nested.password']`
46
+
40
47
**Docs for steps**
41
48
42
49
| Props | Type | Description |
@@ -174,6 +181,7 @@ Progressive wizard
174
181
- use `isDynamic` prop to enforce it
175
182
- use `predictSteps` to allow navigation to show future steps
176
183
- if you have any conditional fields in the step, you should use `disableForwardJumping` in the step definition, to disable jumping forward in the navigation, otherwise user could miss the changed fields in next steps.
184
+
- you can use `crossroads` to define, which fields the wizzard will listen to and change the navigation according to changes of the defined values
0 commit comments