@@ -33,18 +33,13 @@ import { layoutComponents } from '@data-driven-forms/react-form-renderer';
3333const layoutComponents = {
3434 [layoutComponents .FORM_WRAPPER ]: ' FormWrapper' ,
3535 [layoutComponents .BUTTON ]: ' Button' ,
36- [layoutComponents .COL ]: ' Col' ,
37- [layoutComponents .FORM_GROUP ]: ' FormGroup' ,
3836 [layoutComponents .BUTTON_GROUP ]: ' ButtonGroup' ,
39- [layoutComponents .ICON ]: ' Icon' ,
40- [layoutComponents .ARRAY_FIELD_WRAPPER ]: ' ArrayFieldWrapper' ,
41- [layoutComponents .HELP_BLOCK ]: ' HelpBlock' ,
4237 [layoutComponents .TITLE ]: ' Title' ,
4338 [layoutComponents .DESCRIPTION ]: ' Description' ,
4439}
4540```
4641
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
4843components in your schema.
4944
5045Check 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.
5853| ----| ----| -----------| -----| ------------|
5954| children| node| Content of the form|| Based on form schema|
6055
61- #### Col
62- | Prop| Type| Description| Value| Customizable|
63- | ----| ----| -----------| -----| ------------|
64- | children| node| Wrapper around form field|| Based on form schema|
65-
6656#### Button
6757| Prop| Type| Description| Value| Customizable|
6858| ----| ----| -----------| -----| ------------|
@@ -75,14 +65,15 @@ Check the example below to see a simple implementation of layout components.
7565| ----| ----| -----------| -----| ------------|
7666| children| node| Wrapper around form buttons|| No|
7767
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|
8572
73+ #### Description
74+ | Prop| Type| Description| Customizable|
75+ | ----| ----| -----------| ------------|
76+ | children| node| Form description| no|
8677
8778## Creating formFieldsMapper
8879
@@ -106,6 +97,7 @@ const componentTypes = {
10697 [componentTypes .SWITCH ]: ' switch-field' ,
10798 [componentTypes .TEXTAREA ]: ' textarea-field' ,
10899 [componentTypes .SELECT ]: ' select-field' ,
100+ [componentTypes .PLAIN_TEXT ]: ' plain-text' ,
109101}
110102```
111103
0 commit comments