@@ -33,18 +33,13 @@ import { layoutComponents } from '@data-driven-forms/react-form-renderer';
33
33
const layoutComponents = {
34
34
[layoutComponents .FORM_WRAPPER ]: ' FormWrapper' ,
35
35
[layoutComponents .BUTTON ]: ' Button' ,
36
- [layoutComponents .COL ]: ' Col' ,
37
- [layoutComponents .FORM_GROUP ]: ' FormGroup' ,
38
36
[layoutComponents .BUTTON_GROUP ]: ' ButtonGroup' ,
39
- [layoutComponents .ICON ]: ' Icon' ,
40
- [layoutComponents .ARRAY_FIELD_WRAPPER ]: ' ArrayFieldWrapper' ,
41
- [layoutComponents .HELP_BLOCK ]: ' HelpBlock' ,
42
37
[layoutComponents .TITLE ]: ' Title' ,
43
38
[layoutComponents .DESCRIPTION ]: ' Description' ,
44
39
}
45
40
```
46
41
47
- Required components are: ` FORM_WRAPPER ` , ` BUTTON ` , ` COL ` , ` FORM_GROUP ` and ` BUTTON_GROUP ` . The rest is used only if you use certain
42
+ Required components are: ` FORM_WRAPPER ` , ` BUTTON ` and ` BUTTON_GROUP ` . The rest is used only if you use certain
48
43
components in your schema.
49
44
50
45
Check the example below to see a simple implementation of layout components.
@@ -58,11 +53,6 @@ Check the example below to see a simple implementation of layout components.
58
53
| ----| ----| -----------| -----| ------------|
59
54
| children| node| Content of the form|| Based on form schema|
60
55
61
- #### Col
62
- | Prop| Type| Description| Value| Customizable|
63
- | ----| ----| -----------| -----| ------------|
64
- | children| node| Wrapper around form field|| Based on form schema|
65
-
66
56
#### Button
67
57
| Prop| Type| Description| Value| Customizable|
68
58
| ----| ----| -----------| -----| ------------|
@@ -75,14 +65,15 @@ Check the example below to see a simple implementation of layout components.
75
65
| ----| ----| -----------| -----| ------------|
76
66
| children| node| Wrapper around form buttons|| No|
77
67
78
- #### FormGroup
79
- | Prop| Type| Description| Value| Customizable|
80
- | ----| ----| -----------| -----| ------------|
81
- | children| node| Form field group|| Based on form schema|
82
-
83
- #### Icon, Array Field Wrapper, Help Block
84
- TO DO when array field docs are done
68
+ #### Title
69
+ | Prop| Type| Description| Customizable|
70
+ | ----| ----| -----------| ------------|
71
+ | children| node| Form title| no|
85
72
73
+ #### Description
74
+ | Prop| Type| Description| Customizable|
75
+ | ----| ----| -----------| ------------|
76
+ | children| node| Form description| no|
86
77
87
78
## Creating formFieldsMapper
88
79
@@ -106,6 +97,7 @@ const componentTypes = {
106
97
[componentTypes .SWITCH ]: ' switch-field' ,
107
98
[componentTypes .TEXTAREA ]: ' textarea-field' ,
108
99
[componentTypes .SELECT ]: ' select-field' ,
100
+ [componentTypes .PLAIN_TEXT ]: ' plain-text' ,
109
101
}
110
102
```
111
103
0 commit comments