[MISC] Updated documentation

Author: LFRW2K\lecmil2

packages/docs/docs/advanced-customization/custom-templates.md

@@ -76,16 +76,27 @@ render(
 );
 ```
 
-You also can provide your own field template to a uiSchema by specifying a `ui:ArrayFieldTemplate` property with your Component or a string value from the `Registry`.
+You also can provide your own field template to a uiSchema by specifying a `ui:ArrayFieldTemplate` property with your Component :
 
 ```tsx
 import { UiSchema } from '@rjsf/utils';
+import ArrayFieldTemplate from './ArrayFieldTemplate';
 
 const uiSchema: UiSchema = {
   'ui:ArrayFieldTemplate': ArrayFieldTemplate,
 };
 ```
 
+or a string value from the `Registry` :
+
+```tsx
+import { UiSchema } from '@rjsf/utils';
+
+const uiSchema: UiSchema = {
+  'ui:ArrayFieldTemplate': 'CustomArrayFieldTemplate',
+};
+```
+
 Please see the [customArray.tsx sample](https://github.com/rjsf-team/react-jsonschema-form/blob/main/packages/playground/src/samples/customArray.tsx) from the [playground](https://rjsf-team.github.io/react-jsonschema-form/) for another example.
 
 The following props are passed to each `ArrayFieldTemplate`:
@@ -163,16 +174,27 @@ render(
 );
 ```
 
-You also can provide your own template to a uiSchema by specifying a `ui:ArrayFieldDescriptionTemplate` property with your Component or a string value from the `Registry`.
+You also can provide your own field template to a uiSchema by specifying a `ui:ArrayFieldDescriptionTemplate` property with your Component :
 
 ```tsx
 import { UiSchema } from '@rjsf/utils';
+import ArrayFieldDescriptionTemplate from './ArrayFieldDescriptionTemplate';
 
 const uiSchema: UiSchema = {
   'ui:ArrayFieldDescriptionTemplate': ArrayFieldDescriptionTemplate,
 };
 ```
 
+or a string value from the `Registry` :
+
+```tsx
+import { UiSchema } from '@rjsf/utils';
+
+const uiSchema: UiSchema = {
+  'ui:ArrayFieldDescriptionTemplate': 'CustomArrayFieldDescriptionTemplate',
+};
+```
+
 The following props are passed to each `ArrayFieldDescriptionTemplate`:
 
 - `description`: The description of the array field being rendered.
@@ -615,13 +637,24 @@ render(
 );
 ```
 
-You also can provide your own field template to a uiSchema by specifying a `ui:FieldTemplate` property with your Component or a string value from the `Registry`.
+You also can provide your own field template to a uiSchema by specifying a `ui:FieldTemplate` property with your Component :
 
 ```tsx
 import { UiSchema } from '@rjsf/utils';
+import FieldTemplate from './FieldTemplate';
 
 const uiSchema: UiSchema = {
-  'ui:FieldTemplate': CustomFieldTemplate,
+  'ui:FieldTemplate': FieldTemplate,
+};
+```
+
+or a string value from the `Registry` :
+
+```tsx
+import { UiSchema } from '@rjsf/utils';
+
+const uiSchema: UiSchema = {
+  'ui:FieldTemplate': 'CustomFieldTemplate',
 };
 ```
 
@@ -693,16 +726,27 @@ render(
 );
 ```
 
-You also can provide your own field template to a uiSchema by specifying a `ui:ObjectFieldTemplate` property with your Component or a string value from the `Registry`.
+You also can provide your own field template to a uiSchema by specifying a `ui:ObjectFieldTemplate` property with your Component :
 
 ```tsx
 import { UiSchema } from '@rjsf/utils';
+import ObjectFieldTemplate from './ObjectFieldTemplate';
 
 const uiSchema: UiSchema = {
   'ui:ObjectFieldTemplate': ObjectFieldTemplate,
 };
 ```
 
+or a string value from the `Registry` :
+
+```tsx
+import { UiSchema } from '@rjsf/utils';
+
+const uiSchema: UiSchema = {
+  'ui:ObjectFieldTemplate': 'ObjectFieldTemplate',
+};
+```
+
 Please see the [customObject.tsx sample](https://github.com/rjsf-team/react-jsonschema-form/blob/main/packages/playground/src/samples/customObject.tsx) from the [playground](https://rjsf-team.github.io/react-jsonschema-form/) for a better example.
 
 The following props are passed to each `ObjectFieldTemplate` as defined by the `ObjectFieldTemplateProps` in `@rjsf/utils`: