@maif/react-forms 1.0.19 → 1.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/react-form.js +1 -1
- package/lib/form.js +4 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -73,7 +73,7 @@ export const Example = () => {
|
|
|
73
73
|
- `email`: if the type is `string`, display an email input
|
|
74
74
|
- `password`: if the type is `string`, display a password input
|
|
75
75
|
- `hidden`: if the type is `string`, add an hidden input in your form
|
|
76
|
-
- `form`: if the type is `object`, display a form in your form draw with given schema and flow.
|
|
76
|
+
- `form`: if the type is `object`, display a form in your form draw with given schema and flow. The form drawn is collapsable, by default on the first input but with `visibleOnCollapse` you can choose which field will be visble or not.
|
|
77
77
|
- **array**: boolean value to display multiple fields with "add" and "remove" buttons (`false` by default)
|
|
78
78
|
- **createOption**: if `select` format is choosen, `createOption` property is to render a Creatable component
|
|
79
79
|
- **onCreateOption**: if `select` format is choosen, `onCreateOption` property is a function called before new option creation
|
|
@@ -154,7 +154,7 @@ export const Example = () => {
|
|
|
154
154
|
|
|
155
155
|
## Form properties
|
|
156
156
|
- **schema** (required): the form schema
|
|
157
|
-
- **flow** (optional): the flow
|
|
157
|
+
- **flow** (optional): the flow. The order of the schema fields by key (Just a javascript array of strings). Fields can be group on collapsable item, in this case, you can add an object with `label`, `flow` and a boolean `collapse` property. Collapse item can draw inline form thanks to boolean `inline` property
|
|
158
158
|
- **onSubmit** (required): a function run on the form submission (in case if the form is valid )
|
|
159
159
|
- **value** (optional): default value
|
|
160
160
|
- **inputWrapper** (optional): A custom component to wrap all input of the form
|