Skip to content

Commit 1757eca

Browse files
committed
Updates component-mapping
1 parent 0a3a0b6 commit 1757eca

File tree

1 file changed

+10
-18
lines changed

1 file changed

+10
-18
lines changed

packages/react-renderer-demo/src/app/pages/renderer/component-mapping.md

Lines changed: 10 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -33,18 +33,13 @@ import { layoutComponents } from '@data-driven-forms/react-form-renderer';
3333
const 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
4843
components in your schema.
4944

5045
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.
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

Comments
 (0)