Add docs for renderer children prop

Author: Hyperkid123

packages/react-renderer-demo/src/components/navigation/schemas/renderer.schema.js

@@ -12,6 +12,10 @@ const schemaRenderer = [
     component: 'form-template',
     linkText: 'Form template',
   },
+  {
+    component: 'children',
+    linkText: 'Children',
+  },
   {
     subHeader: true,
     title: 'Form components',

packages/react-renderer-demo/src/pages/components/children.md

@@ -0,0 +1,74 @@
+import DocPage from '@docs/doc-page';
+
+<DocPage>
+
+# Children
+
+[A prop](/components/renderer#children) to customize the form layout. Children render function receives the same props as `FormTemplate`:&nbsp;`formFields` and `schema`.
+
+## Props
+
+### formFields
+
+*node*
+
+Rendered fields of the form.
+
+### schema
+
+*object*
+
+[Schema](/components/renderer#schema) from renderer. You can use it to extract a form title, description, or whatever you need.
+
+## Children node minimal example
+
+Check the [Form template documentation](/components/form-template) for detailed example.
+
+```jsx
+const CustomTemplate = ({hideButtons, formFields, schema}) => {
+  const { handleSubmit } = useFormApi();
+  return (
+    <form onSubmit={handleSubmit}>
+      { schema.title }
+      { formFields }
+      {!hideButtons && (
+        <button type="submit">Submit</button>
+      )}
+    </form>
+  )
+}
+
+const MyForm = (props) => {
+  return (
+    <FormRenderer
+        componentMapper={simpleComponentMapper}
+        onSubmit={handleFormSubmit}
+        schema={formSchema}
+        subscription={{values: true}}
+        clearOnUnmount
+    >
+        <CustomTemplate hideButtons />
+    </FormRenderer>
+  )
+}
+```
+
+## Children render function
+
+Check the [Form template documentation](/components/form-template) for detailed example.
+
+```jsx
+<FormRenderer
+    componentMapper={simpleComponentMapper}
+    onSubmit={handleFormSubmit}
+    schema={formSchema}
+    subscription={{values: true}}
+    clearOnUnmount
+>
+    {({formFields, schema}) => (
+      {/** Template implementation */}
+    )}
+</FormRenderer>
+```
+
+</DocPage>

packages/react-renderer-demo/src/pages/components/renderer.md

@@ -35,12 +35,24 @@ You can use [globally defined attributes](/mappers/global-component-props).
 
 *Component*
 
+**Note** You have to pass at least one of `FormTemplate` or a `children` render function to render the fields.
+
 Components which defines a template of the form. This component receives two props from the renderer: `formFields` and `schema`. `formFields` is the content of the form. You should wrap this content into your `<form>` component and add form buttons.
 
 [Read more](/components/form-template).
 
 ---
 
+### children
+
+**Note** You have to pass at least one of `FormTemplate` or a `children` render function to render the fields.
+
+*function*
+
+Children render function. It serves the same purpose as `FormTemplate` prop. [Read more](/components/children).
+
+---
+
 ### onSubmit
 
 *(values, [formApi](/hooks/use-form-api)) => void*