Added SUIR mapper page to docs.

Author: Hyperkid123

packages/react-renderer-demo/src/components/navigation/mappers.js

@@ -14,5 +14,9 @@ export const mappers = [
   {
     component: 'blueprint-component-mapper',
     linkText: 'BlueprintJS'
+  },
+  {
+    component: 'suir-component-mapper',
+    linkText: 'Semantic UI'
   }
 ];

packages/react-renderer-demo/src/pages/mappers/suir-component-mapper.md

@@ -0,0 +1,53 @@
+import Grid from '@material-ui/core/Grid'
+import ListOfContents from '@docs/list-of-contents';
+
+<Grid container item>
+<Grid item xs={12} md={10}>
+
+# Semantic UI react
+
+Semantic UI react mapper provides components from [Semantic UI react](https://react.semantic-ui.com/).
+
+## Installation
+
+Link to [NPM](https://www.npmjs.com/package/@data-driven-forms/suir-component-mapper).
+
+```bash
+npm install --save @data-driven-forms/suir-component-mapper
+```
+or
+```bash
+yarn add @data-driven-forms/suir-component-mapper
+```
+
+Semantic UI react library is an external dependency and will not be installed with the mapper. Make sure that [Semantic UI react](https://react.semantic-ui.com/usage) is installed in your project.
+
+## ValidateOnMount
+
+Semantic UI react mapper provides an option to validate a field when the component is mounted. Just set `validateOnMount` to `true`.
+
+```jsx
+{
+    component: 'text-field',
+    name: 'required-field',
+    validate: [{type: 'required'}],
+    validateOnMount: true
+}
+```
+
+This field will show the error immediately.
+
+## Components customization
+All components accept all other props described in Semantic UI react documentation. You can find prop names for each component in component definition section of this documentation when the SUIR mapper is selected. You can start by looking at [checkbox example](/component-example/checkbox?mapper=suir).
+
+To avoid re-refining common customization for each field in schema, check out the [global component props](/renderer/global-component-props) section.
+
+## Contribution
+
+You can contribute to this mapper [here](https://github.com/data-driven-forms/react-forms/tree/master/packages/suir-component-mapper).
+
+</Grid>
+<Grid item xs={false} md={2}>
+  <ListOfContents file="mappers/suir-component-mapper" />
+</Grid>
+</Grid>