diff --git a/src/__tests__/__snapshots__/index.spec.tsx.snap b/src/__tests__/__snapshots__/index.spec.tsx.snap
index 2ff83047..5f1ef5d3 100644
--- a/src/__tests__/__snapshots__/index.spec.tsx.snap
+++ b/src/__tests__/__snapshots__/index.spec.tsx.snap
@@ -31,7 +31,7 @@ exports[`Expanded depth nested object static given initial level set to 0, shoul
                     <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                     <div>
                       <div>foo</div>
-                      <span>array of objects</span>
+                      <span>array[object]</span>
                     </div>
                   </div>
                 </div>
@@ -128,7 +128,7 @@ exports[`Expanded depth nested object static given initial level set to 1, shoul
                     <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                     <div>
                       <div>foo</div>
-                      <span>array of objects</span>
+                      <span>array[object]</span>
                     </div>
                   </div>
                 </div>
@@ -275,7 +275,7 @@ exports[`Expanded depth nested object static given initial level set to 2, shoul
                     <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                     <div>
                       <div>foo</div>
-                      <span>array of objects</span>
+                      <span>array[object]</span>
                     </div>
                   </div>
                 </div>
@@ -439,7 +439,7 @@ exports[`HTML Output given array with oneOf containing items, should merge it co
       <div style=\\"margin-left: -25px\\">
         <div>
           <div aria-label=\\"Pick a type\\" aria-haspopup=\\"true\\" aria-expanded=\\"false\\" id=\\"react-aria-0-2\\">
-            array of strings
+            array[string]
             <div></div>
           </div>
         </div>
@@ -466,7 +466,7 @@ exports[`HTML Output given complex type that includes array and complex array su
                       <div>
                         <span>null</span>
                         <span>or</span>
-                        <span>array of strings/numbers</span>
+                        <span>array[string or number]</span>
                       </div>
                     </div>
                   </div>
@@ -521,7 +521,7 @@ exports[`HTML Output given multiple object and string type, should process prope
                   <div>
                     <div>
                       <div>ids</div>
-                      <span>array of integers</span>
+                      <span>array[integer]</span>
                     </div>
                   </div>
                 </div>
@@ -879,7 +879,7 @@ exports[`HTML Output should match arrays/of-allofs.json 1`] = `
                     <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                     <div>
                       <div>array-all-objects</div>
-                      <span>array of objects</span>
+                      <span>array[object]</span>
                     </div>
                   </div>
                 </div>
@@ -959,7 +959,7 @@ exports[`HTML Output should match arrays/of-arrays.json 1`] = `
                     <div>
                       <div>
                         <div>foo</div>
-                        <span>array of arrays</span>
+                        <span>array[array]</span>
                       </div>
                     </div>
                   </div>
@@ -1088,7 +1088,7 @@ exports[`HTML Output should match arrays/of-complex-objects.json 1`] = `
                         <div>
                           <span>null</span>
                           <span>or</span>
-                          <span>array of strings/numbers</span>
+                          <span>array[string or number]</span>
                         </div>
                       </div>
                     </div>
@@ -1166,7 +1166,7 @@ exports[`HTML Output should match arrays/of-complex-objects.json 1`] = `
                               <select size=\\"2\\">
                                 <option></option>
                                 <option value=\\"0\\">object</option>
-                                <option value=\\"1\\">array of integers</option>
+                                <option value=\\"1\\">array[integer]</option>
                               </select>
                             </label>
                           </div>
@@ -1255,7 +1255,7 @@ exports[`HTML Output should match arrays/of-complex-objects.json 1`] = `
                         <div>
                           <div>
                             <div>ids</div>
-                            <span>array of integers</span>
+                            <span>array[integer]</span>
                           </div>
                         </div>
                       </div>
@@ -1355,7 +1355,7 @@ exports[`HTML Output should match arrays/of-objects.json 1`] = `
                     <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                     <div>
                       <div>propertyIsArrayOfObjects</div>
-                      <span>array of objects</span>
+                      <span>array[object]</span>
                     </div>
                   </div>
                 </div>
@@ -1964,7 +1964,7 @@ exports[`HTML Output should match combiners/allOfs/complex.json 1`] = `
                                 <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                                 <div>
                                   <div>users</div>
-                                  <span>array of objects</span>
+                                  <span>array[object]</span>
                                 </div>
                               </div>
                             </div>
@@ -2547,7 +2547,7 @@ exports[`HTML Output should match combiners/allOfs/with-type.json 1`] = `
                     <div>
                       <div>
                         <div>items</div>
-                        <span>array of strings</span>
+                        <span>array[string]</span>
                       </div>
                       <span>required</span>
                     </div>
@@ -2572,7 +2572,7 @@ exports[`HTML Output should match combiners/oneof-with-array-type.json 1`] = `
       <div style=\\"margin-left: -25px\\">
         <div>
           <div aria-label=\\"Pick a type\\" aria-haspopup=\\"true\\" aria-expanded=\\"false\\" id=\\"react-aria-0-2\\">
-            array of objects
+            array[object]
             <div></div>
           </div>
           <div style=\\"padding-left: 25px\\">
@@ -2627,7 +2627,7 @@ exports[`HTML Output should match combiners/oneof-within-array-item.json 1`] = `
       <div style=\\"margin-left: -25px\\">
         <div>
           <div aria-label=\\"Pick a type\\" aria-haspopup=\\"true\\" aria-expanded=\\"false\\" id=\\"react-aria-0-2\\">
-            array of A
+            array[A]
             <div></div>
           </div>
           <div style=\\"padding-left: 25px\\">
@@ -2769,7 +2769,7 @@ exports[`HTML Output should match default-schema.json 1`] = `
                       <div>
                         <span>null</span>
                         <span>or</span>
-                        <span>array of strings/numbers</span>
+                        <span>array[string or number]</span>
                       </div>
                     </div>
                   </div>
@@ -2847,7 +2847,7 @@ exports[`HTML Output should match default-schema.json 1`] = `
                             <select size=\\"2\\">
                               <option></option>
                               <option value=\\"0\\">object</option>
-                              <option value=\\"1\\">array of integers</option>
+                              <option value=\\"1\\">array[integer]</option>
                             </select>
                           </label>
                         </div>
@@ -2936,7 +2936,7 @@ exports[`HTML Output should match default-schema.json 1`] = `
                       <div>
                         <div>
                           <div>ids</div>
-                          <span>array of integers</span>
+                          <span>array[integer]</span>
                         </div>
                       </div>
                     </div>
@@ -3132,7 +3132,7 @@ exports[`HTML Output should match formats-schema.json 1`] = `
                       <div>
                         <div>
                           <div>ids</div>
-                          <span>array of integers</span>
+                          <span>array[integer]</span>
                         </div>
                       </div>
                     </div>
@@ -3381,7 +3381,7 @@ exports[`HTML Output should match tickets.schema.json 1`] = `
                   <div>
                     <div>
                       <div>commonTicketingOptions</div>
-                      <span>array of strings</span>
+                      <span>array[string]</span>
                     </div>
                   </div>
                   <div>
@@ -3403,7 +3403,7 @@ exports[`HTML Output should match tickets.schema.json 1`] = `
                     <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                     <div>
                       <div>ticketingOptionChoice</div>
-                      <span>array of objects</span>
+                      <span>array[object]</span>
                     </div>
                   </div>
                   <div>
@@ -3459,7 +3459,7 @@ exports[`HTML Output should match tickets.schema.json 1`] = `
                         <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                         <div>
                           <div>orderItemBreakdown</div>
-                          <span>array of objects</span>
+                          <span>array[object]</span>
                         </div>
                       </div>
                       <div>
@@ -3497,7 +3497,7 @@ exports[`HTML Output should match tickets.schema.json 1`] = `
                             <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                             <div>
                               <div>options</div>
-                              <span>array of objects</span>
+                              <span>array[object]</span>
                             </div>
                           </div>
                           <div>
@@ -3613,7 +3613,7 @@ exports[`HTML Output should match tickets.schema.json 1`] = `
                                   <div>
                                     <div>
                                       <div>availableDeliveryTypes</div>
-                                      <span>array of strings</span>
+                                      <span>array[string]</span>
                                     </div>
                                   </div>
                                 </div>
@@ -3636,7 +3636,7 @@ exports[`HTML Output should match tickets.schema.json 1`] = `
                                   <div>
                                     <div>
                                       <div>ticketRecipients</div>
-                                      <span>array of strings</span>
+                                      <span>array[string]</span>
                                     </div>
                                   </div>
                                 </div>
diff --git a/src/__tests__/index.spec.tsx b/src/__tests__/index.spec.tsx
index dd27f533..2b0851a3 100644
--- a/src/__tests__/index.spec.tsx
+++ b/src/__tests__/index.spec.tsx
@@ -251,7 +251,7 @@ describe('Expanded depth', () => {
                                 <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                                 <div>
                                   <div>foo</div>
-                                  <span>array of objects</span>
+                                  <span>array[object]</span>
                                 </div>
                               </div>
                             </div>
@@ -288,7 +288,7 @@ describe('Expanded depth', () => {
                                 <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                                 <div>
                                   <div>foo</div>
-                                  <span>array of objects</span>
+                                  <span>array[object]</span>
                                 </div>
                               </div>
                             </div>
@@ -325,7 +325,7 @@ describe('Expanded depth', () => {
                                 <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                                 <div>
                                   <div>foo</div>
-                                  <span>array of objects</span>
+                                  <span>array[object]</span>
                                 </div>
                               </div>
                             </div>
@@ -430,7 +430,7 @@ describe('Expanded depth', () => {
                                 <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                                 <div>
                                   <div>foo</div>
-                                  <span>array of objects</span>
+                                  <span>array[object]</span>
                                 </div>
                               </div>
                             </div>
@@ -483,7 +483,7 @@ describe('Expanded depth', () => {
                                 <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                                 <div>
                                   <div>foo</div>
-                                  <span>array of objects</span>
+                                  <span>array[object]</span>
                                 </div>
                               </div>
                             </div>
@@ -536,7 +536,7 @@ describe('Expanded depth', () => {
                                 <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                                 <div>
                                   <div>foo</div>
-                                  <span>array of objects</span>
+                                  <span>array[object]</span>
                                 </div>
                               </div>
                             </div>
@@ -668,7 +668,7 @@ describe('Expanded depth', () => {
                               <div style=\\"height: 12px; margin-top: 2px; left: -25px\\" role=\\"button\\"></div>
                               <div>
                                 <div>foo</div>
-                                <span>array of objects</span>
+                                <span>array[object]</span>
                               </div>
                             </div>
                           </div>
diff --git a/src/components/SchemaRow/useChoices.ts b/src/components/SchemaRow/useChoices.ts
index f2c31009..12b481c5 100644
--- a/src/components/SchemaRow/useChoices.ts
+++ b/src/components/SchemaRow/useChoices.ts
@@ -43,7 +43,7 @@ function makeChoice(node: SchemaNode): Choice {
 
 function makeArrayChoice(node: SchemaNode): Choice {
   const itemTitle = calculateChoiceTitle(node, true);
-  const title = itemTitle !== 'any' ? `array of ${itemTitle}` : 'array';
+  const title = itemTitle !== 'any' ? `array[${itemTitle}]` : 'array';
   return {
     type: node,
     title,
diff --git a/src/components/shared/__tests__/Property.spec.tsx b/src/components/shared/__tests__/Property.spec.tsx
index cc6ba696..9672a530 100644
--- a/src/components/shared/__tests__/Property.spec.tsx
+++ b/src/components/shared/__tests__/Property.spec.tsx
@@ -46,7 +46,7 @@ describe('Property component', () => {
 
     const wrapper = render(schema);
     expect(wrapper.find(Types).first().html()).toMatchInlineSnapshot(
-      `"<span class=\\"sl-truncate sl-text-muted\\">array of strings</span>"`,
+      `"<span class=\\"sl-truncate sl-text-muted\\">array[string]</span>"`,
     );
   });
 
@@ -102,7 +102,7 @@ describe('Property component', () => {
 
       const wrapper = render(schema, ['properties', 'foo']);
       expect(wrapper.find(SchemaRow).html()).toMatchInlineSnapshot(
-        `"<div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-mr-2 sl-font-mono sl-font-semibold\\">foo</div><span class=\\"sl-truncate sl-text-muted\\">array of integers</span></div></div></div></div><div></div></div></div>"`,
+        `"<div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-mr-2 sl-font-mono sl-font-semibold\\">foo</div><span class=\\"sl-truncate sl-text-muted\\">array[integer]</span></div></div></div></div><div></div></div></div>"`,
       );
     });
 
@@ -141,7 +141,7 @@ describe('Property component', () => {
 
       const wrapper = render(schema);
       expect(wrapper.html()).toMatchInlineSnapshot(
-        `"<div class=\\"\\" id=\\"mosaic-provider-react-aria-0-1\\"><div data-overlay-container=\\"true\\" class=\\"\\"><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-select sl-relative\\"><div style=\\"border: 0px; clip-path: inset(50%); height: 1px; margin: 0px -1px -1px 0px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;\\" aria-hidden=\\"true\\"><input type=\\"text\\" tabindex=\\"-1\\" style=\\"font-size: 16px;\\"><label><select size=\\"2\\" tabindex=\\"-1\\"><option></option><option value=\\"0\\">array of strings</option><option value=\\"1\\">array of numbers</option></select></label></div><div class=\\"sl-relative\\"><button aria-label=\\"Pick a type\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" id=\\"react-aria-0-4\\" aria-labelledby=\\"react-aria-0-4 react-aria-0-6\\" type=\\"button\\" class=\\"sl-button sl-w-full sl-h-sm sl-text-base sl-font-normal sl-px-1.5 sl-bg-transparent active:sl-bg-canvas-100 sl-text-body sl-rounded sl-border-transparent hover:sl-border-input focus:sl-border-input active:sl-border-button sl-border disabled:sl-opacity-50\\"><div class=\\"sl-flex sl-flex-1 sl-justify-items-start sl-items-center\\"><div class=\\"sl-pr-1\\">array of strings</div></div><div class=\\"sl-text-xs sl--mr-0.5 sl-ml-1\\"><div class=\\"sl-pt-0.5 sl-pr-0.5\\"><svg aria-hidden=\\"true\\" focusable=\\"false\\" data-prefix=\\"fas\\" data-icon=\\"chevron-down\\" class=\\"svg-inline--fa fa-chevron-down fa-w-14 fa-xs sl-icon\\" role=\\"img\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 448 512\\"><path fill=\\"currentColor\\" d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"></path></svg></div></div></button></div></div></div></div></div></div><div></div></div></div></div></div>"`,
+        `"<div class=\\"\\" id=\\"mosaic-provider-react-aria-0-1\\"><div data-overlay-container=\\"true\\" class=\\"\\"><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-select sl-relative\\"><div style=\\"border: 0px; clip-path: inset(50%); height: 1px; margin: 0px -1px -1px 0px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;\\" aria-hidden=\\"true\\"><input type=\\"text\\" tabindex=\\"-1\\" style=\\"font-size: 16px;\\"><label><select size=\\"2\\" tabindex=\\"-1\\"><option></option><option value=\\"0\\">array[strings]</option><option value=\\"1\\">array[numbers]</option></select></label></div><div class=\\"sl-relative\\"><button aria-label=\\"Pick a type\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" id=\\"react-aria-0-4\\" aria-labelledby=\\"react-aria-0-4 react-aria-0-6\\" type=\\"button\\" class=\\"sl-button sl-w-full sl-h-sm sl-text-base sl-font-normal sl-px-1.5 sl-bg-transparent active:sl-bg-canvas-100 sl-text-body sl-rounded sl-border-transparent hover:sl-border-input focus:sl-border-input active:sl-border-button sl-border disabled:sl-opacity-50\\"><div class=\\"sl-flex sl-flex-1 sl-justify-items-start sl-items-center\\"><div class=\\"sl-pr-1\\">array[strings]</div></div><div class=\\"sl-text-xs sl--mr-0.5 sl-ml-1\\"><div class=\\"sl-pt-0.5 sl-pr-0.5\\"><svg aria-hidden=\\"true\\" focusable=\\"false\\" data-prefix=\\"fas\\" data-icon=\\"chevron-down\\" class=\\"svg-inline--fa fa-chevron-down fa-w-14 fa-xs sl-icon\\" role=\\"img\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 448 512\\"><path fill=\\"currentColor\\" d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"></path></svg></div></div></button></div></div></div></div></div></div><div></div></div></div></div></div>"`,
       );
     });
 
@@ -164,7 +164,7 @@ describe('Property component', () => {
 
       const wrapper = render(schema);
       expect(wrapper.html()).toMatchInlineSnapshot(
-        `"<div class=\\"\\" id=\\"mosaic-provider-react-aria-0-1\\"><div data-overlay-container=\\"true\\" class=\\"\\"><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"sl-cursor-pointer\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-absolute sl-justify-center sl-items-center sl-cursor-pointer sl-text-muted\\" style=\\"height: 12px; margin-top: 2px; left: -25px;\\" role=\\"button\\"><svg aria-hidden=\\"true\\" focusable=\\"false\\" data-prefix=\\"fas\\" data-icon=\\"chevron-down\\" class=\\"svg-inline--fa fa-chevron-down fa-w-14 fa-xs sl-icon\\" role=\\"img\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 448 512\\"><path fill=\\"currentColor\\" d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"></path></svg></div><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><span class=\\"sl-truncate sl-text-muted\\">array of objects</span></div></div></div></div><div></div></div><div style=\\"padding-left: 25px;\\"><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-mr-2 sl-font-mono sl-font-semibold\\">foo</div></div></div></div></div><div></div></div></div><div class=\\"sl-self-stretch sl-border-light sl-border-t\\"></div><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-mr-2 sl-font-mono sl-font-semibold\\">bar</div></div></div></div></div><div></div></div></div><div class=\\"sl-self-stretch sl-border-light sl-border-t\\"></div><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-mr-2 sl-font-mono sl-font-semibold\\">baz</div></div></div></div></div><div></div></div></div></div></div></div></div>"`,
+        `"<div class=\\"\\" id=\\"mosaic-provider-react-aria-0-1\\"><div data-overlay-container=\\"true\\" class=\\"\\"><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"sl-cursor-pointer\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-absolute sl-justify-center sl-items-center sl-cursor-pointer sl-text-muted\\" style=\\"height: 12px; margin-top: 2px; left: -25px;\\" role=\\"button\\"><svg aria-hidden=\\"true\\" focusable=\\"false\\" data-prefix=\\"fas\\" data-icon=\\"chevron-down\\" class=\\"svg-inline--fa fa-chevron-down fa-w-14 fa-xs sl-icon\\" role=\\"img\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 448 512\\"><path fill=\\"currentColor\\" d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"></path></svg></div><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><span class=\\"sl-truncate sl-text-muted\\">array[object]</span></div></div></div></div><div></div></div><div style=\\"padding-left: 25px;\\"><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-mr-2 sl-font-mono sl-font-semibold\\">foo</div></div></div></div></div><div></div></div></div><div class=\\"sl-self-stretch sl-border-light sl-border-t\\"></div><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-mr-2 sl-font-mono sl-font-semibold\\">bar</div></div></div></div></div><div></div></div></div><div class=\\"sl-self-stretch sl-border-light sl-border-t\\"></div><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-mr-2 sl-font-mono sl-font-semibold\\">baz</div></div></div></div></div><div></div></div></div></div></div></div></div>"`,
       );
     });
 
@@ -264,7 +264,7 @@ describe('Property component', () => {
 
       const wrapper = render(schema);
       expect(wrapper.find(Types).first().html()).toMatchInlineSnapshot(
-        `"<span class=\\"sl-truncate sl-text-muted\\">array of User</span>"`,
+        `"<span class=\\"sl-truncate sl-text-muted\\">array[User]</span>"`,
       );
     });
 
diff --git a/src/utils/printName.ts b/src/utils/printName.ts
index 22c8feeb..401fb5b8 100644
--- a/src/utils/printName.ts
+++ b/src/utils/printName.ts
@@ -53,19 +53,19 @@ function printArrayName(
         return mergedTypes;
       }, []) ?? null;
 
-    return val !== null && val.length > 0 ? `array of ${val.join('s/')}s` : 'array';
+    return val !== null && val.length > 0 ? `array[${val.join(' or ')}]` : 'array';
   }
 
   if (isComplexArray(schemaNode)) {
     const firstChild = schemaNode.children[0];
     if (firstChild.title) {
-      return `array of ${firstChild.title}`;
+      return `array[${firstChild.title}]`;
     } else if (shouldUseRefNameFallback && getNodeNameFromOriginalRef(schemaNode)) {
-      return `array of ${getNodeNameFromOriginalRef(schemaNode)}`;
+      return `array[${getNodeNameFromOriginalRef(schemaNode)}]`;
     } else if (firstChild.primaryType) {
-      return `array of ${firstChild.primaryType}s`;
+      return `array[${firstChild.primaryType}]`;
     } else if (firstChild.combiners?.length) {
-      return `array of ${firstChild.combiners.join('/')}`;
+      return `array[${firstChild.combiners.join('/')}]`;
     }
     return 'array';
   }