Add constant page to schema section

Author: rvsia

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

@@ -24,6 +24,10 @@ const schemaNav = [
     component: 'data-types',
     linkText: 'Data types'
   },
+  {
+    component: 'constants',
+    linkText: 'Constants'
+  },
   {
     subHeader: true,
     title: 'Validation',

packages/react-renderer-demo/src/pages/schema/constants.md

@@ -0,0 +1,101 @@
+import DocPage from '@docs/doc-page';
+
+<DocPage>
+
+# Constants
+
+Data Driven Forms provides two constants files to keep consistency across all projects and prevent typos.
+
+## componentTypes
+
+Strings values used in `component` field attributes.
+
+```jsx
+import { componentTypes } from '@data-driven-forms/react-form-renderer';
+
+// or
+
+import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
+
+// or
+
+import componentTypes from '@data-driven-forms/react-form-renderer/dist/esm/component-types';
+```
+
+Available keys:
+
+```jsx
+{
+  TEXT_FIELD,
+  FIELD_ARRAY,
+  CHECKBOX,
+  SUB_FORM,
+  RADIO,
+  TABS,
+  DATE_PICKER,
+  TIME_PICKER,
+  WIZARD,
+  SWITCH,
+  TEXTAREA,
+  SELECT,
+  PLAIN_TEXT,
+  SLIDER,
+  DUAL_LIST_SELECT,
+  BUTTON,
+  INPUT_ADDON_GROUP,
+  INPUT_ADDON_BUTTON_GROUP,
+}
+```
+
+Usage:
+
+```jsx
+{
+    component: componentTypes.TEXT_FIELD,
+    name: 'login'
+}
+```
+
+## validatorTypes
+
+Strings values used in `validate` [type attribute](/schema/introduction#validate).
+
+```jsx
+import { validatorTypes } from '@data-driven-forms/react-form-renderer';
+
+// or
+
+import validatorTypes from '@data-driven-forms/react-form-renderer/dist/cjs/validator-types';
+
+// or
+
+import validatorTypes from '@data-driven-forms/react-form-renderer/dist/esm/validator-types';
+```
+
+Available keys:
+
+```jsx
+{
+  REQUIRED,
+  MIN_LENGTH,
+  MAX_LENGTH,
+  EXACT_LENGTH,
+  MIN_ITEMS,
+  MIN_NUMBER_VALUE,
+  MAX_NUMBER_VALUE,
+  PATTERN,
+  URL,
+}
+```
+
+Usage:
+
+```jsx
+{
+    component: componentTypes.TEXT_FIELD,
+    name: 'login',
+    validate: [{type: validatorTypes.REQUIRED}]
+}
+```
+
+</DocPage>