From 2bf0fffa0dd83f395aa3318b3baba1e22dd58b51 Mon Sep 17 00:00:00 2001
From: Jarrod Flesch <jarrodmflesch@gmail.com>
Date: Tue, 15 Nov 2022 12:37:47 -0500
Subject: [PATCH] feat: adds docs example

---
 docs/fields/array.mdx       | 14 +++++++++++++-
 docs/fields/collapsible.mdx | 11 +++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/docs/fields/array.mdx b/docs/fields/array.mdx
index 5669ad3411..8fcd8a8b4f 100644
--- a/docs/fields/array.mdx
+++ b/docs/fields/array.mdx
@@ -46,6 +46,7 @@ In addition to the default [field admin config](/docs/fields/overview#admin-conf
 | Option                 | Description                     |
 | ---------------------- | ------------------------------- |
 | **`initCollapsed`**    | Set the initial collapsed state |
+| **`components.RowLabel`**  | React component to be rendered as the label on the array row. [More](/admin/components/#field-component) |
 
 
 ### Example
@@ -68,6 +69,10 @@ const ExampleCollection: CollectionConfig = {
         plural: 'Slides',
       },
       fields: [ // required
+        {
+          name: 'title',
+          type: 'text',
+        }
         {
           name: 'image',
           type: 'upload',
@@ -78,7 +83,14 @@ const ExampleCollection: CollectionConfig = {
           name: 'caption',
           type: 'text',
         }
-      ]
+      ],
+      admin: {
+        components: {
+          RowLabel: ({ data, fallback }) => {
+            return data?.title || fallback;
+          },
+        },
+      },
     }
   ]
 };
diff --git a/docs/fields/collapsible.mdx b/docs/fields/collapsible.mdx
index 9b6382e334..ef1f431098 100644
--- a/docs/fields/collapsible.mdx
+++ b/docs/fields/collapsible.mdx
@@ -27,6 +27,7 @@ In addition to the default [field admin config](/docs/fields/overview#admin-conf
 | Option                 | Description                     |
 | ---------------------- | ------------------------------- |
 | **`initCollapsed`**    | Set the initial collapsed state |
+| **`components.CollapsibleLabel`**  | React component to be rendered as the label on the collapsible. [More](/admin/components/#field-component) |
 
 ### Example
 
@@ -41,12 +42,22 @@ const ExampleCollection: CollectionConfig = {
       label: 'Header of collapsible goes here',
       type: 'collapsible', // required
       fields: [ // required
+        {
+          name: 'title',
+          type: 'text',
+          required: true,
+        },
         {
           name: 'someTextField',
           type: 'text',
           required: true,
         },
       ],
+      admin: {
+        components: {
+          CollapsibleLabel: ({ data, fallback }) => data?.title || fallback,
+        },
+      },
     }
   ]
 };