Updated global component props docs example.

Author: Hyperkid123

packages/react-renderer-demo/src/app/src/doc-components/global-component-props/add-global-prop-to-component.js renamed to packages/react-renderer-demo/src/app/examples/components/global-component-props/add-global-prop-to-component.js

@@ -1,4 +1,10 @@
-import RawComponent from '@docs/raw-component';
+import Grid from '@material-ui/core/Grid'
+
+import CodeExample from '../../src/components/code-example'
+import ListOfContents from '../../src/helpers/list-of-contents';
+
+<Grid container item>
+<Grid item xs={12} md={10}>
 
 # Global component props
 
@@ -8,10 +14,16 @@ Always keep in mind, that the props depend on component mapper.
 
 ## Adding global prop to 
 
-<RawComponent source="global-component-props/add-global-prop-to-component"/>
+<CodeExample source="components/global-component-props/add-global-prop-to-component" mode="preview" mapper="mui"/>
 
 ## Props priority
 
 Props from **schema** have **higher** priority and will override the global props from mappers.
 
-<RawComponent source="global-component-props/props-priority"/>
+<CodeExample source="components/global-component-props/props-priority" mode="preview" mapper="mui"/>
+
+</Grid>
+<Grid item xs={false} md={2}>
+  <ListOfContents file="renderer/global-component-props" />
+</Grid>
+</Grid>