Add plain-text to component list and textare as input

Author: rvsia

packages/react-renderer-demo/src/app/pages/component-example.js

@@ -260,6 +260,22 @@ class ComponentExample extends Component {
         );
       }
 
+      if (component === 'textarea'){
+        return (
+          <Grid item xs={ 12 } key={ name }>
+            <TextField
+              id={ name }
+              label={ title }
+              value={ this.state.variants[index].value || '' }
+              onChange={ ({ target: { value }}) => this.handleExampleVariantChange(value, index) }
+              margin="normal"
+              fullWidth
+              multiline
+            />
+          </Grid>
+        );
+      }
+
       return (
         <Grid item xs={ 12 } key={ name }>
           <FormGroup >

packages/react-renderer-demo/src/app/src/components/navigation/examples-definitions.js

@@ -360,6 +360,26 @@ export const baseExamples = [{
     component: 'input',
     value: 'Checkbox',
   }],
+}, {
+  component: componentTypes.PLAIN_TEXT,
+  link: '?component=plain-text',
+  linkText: 'Plain Text',
+  ContentText: GenericComponentText,
+  variants: [{
+    name: 'label',
+    title: 'Label',
+    component: 'textarea',
+    value: `Lorem ipsum sem velit. Mauris scelerisque tortor sed lorem dapibus, bibendum scelerisque ligula consequat. Quisque fringilla luctus.
+Vestibulum vulputate inceptos himenaeos.`,
+  }],
+  value: {
+    fields: [{
+      component: componentTypes.PLAIN_TEXT,
+      name: 'plain-text-component',
+      label: `Lorem ipsum sem velit. Mauris scelerisque tortor sed lorem dapibus, bibendum scelerisque ligula consequat. Quisque fringilla luctus.
+Vestibulum vulputate inceptos himenaeos.`,
+    }],
+  },
 }, {
   component: componentTypes.WIZARD,
   link: `?component=${componentTypes.WIZARD}`,