update for required/optional

ethanpalm · ethanpalm · commit 3d8c8d282811 · 2025-07-30T15:21:33.000-07:00
diff --git a/ai/contextual-menu.mdx b/ai/contextual-menu.mdx
@@ -5,7 +5,7 @@ icon: "square-menu"
 ---
 
 import { PreviewButton } from "/snippets/previewbutton.jsx"
-import { Icons } from "/snippets/icons.jsx";
+import IconsRequired from "/snippets/icons-required.mdx";
 
 The contextual menu provides quick access to AI-optimized content and direct integrations with popular AI tools. When users select the contextual menu on any page, they can copy content as context for AI tools or open conversations in ChatGPT, Claude, Perplexity, or a custom tool of your choice with your documentation already loaded as context.
 
@@ -55,7 +55,7 @@ Create custom options in the contextual menu by adding an object to the `options
   The description of the option. Displayed beneath the title when the contextual menu is expanded.
 </ResponseField>
 
-<Icons />
+<IconsRequired />
 
 <ResponseField name="href" type="string | object" required>
   The href of the option. Use a string for simple links or an object for dynamic links with query parameters.
diff --git a/code.mdx b/code.mdx
@@ -4,8 +4,6 @@ description: "Display inline code and code blocks"
 icon: "code"
 ---
 
-import { Icons } from "/snippets/icons.jsx";
-
 ## Adding code samples
 
 You can add inline code snippets or code blocks. Code blocks support meta options for syntax highlighting, titles, line highlighting, icons, and more.
diff --git a/components/accordions.mdx b/components/accordions.mdx
@@ -4,7 +4,7 @@ description: "Collapsible components to show and hide content"
 icon: "chevron-down"
 ---
 
-import { Icons } from "/snippets/icons.jsx";
+import IconsOptional from "/snippets/icons-optional.mdx";
 
 Accordions allow users to expand and collapse content sections. Use accordions for progressive disclosure and to organize information.
 
@@ -99,4 +99,4 @@ Group related accordions together using `<AccordionGroup>`. This creates a cohes
   Whether the Accordion is open by default.
 </ResponseField>
 
-<Icons />
+<IconsOptional />
diff --git a/components/cards.mdx b/components/cards.mdx
@@ -4,7 +4,7 @@ description: "Highlight main points or links with customizable layouts and icons
 icon: "square-mouse-pointer"
 ---
 
-import { Icons } from "/snippets/icons.jsx";
+import IconsOptional from "/snippets/icons-optional.mdx";
 
 Use cards to create visual containers for content. Cards are flexible containers that can include text, icons, images, and links.
 
@@ -104,7 +104,7 @@ Use the [Columns component](/components/columns) to organize multiple cards side
   The title displayed on the card
 </ResponseField>
 
-<Icons />
+<IconsOptional />
 
 <ResponseField name="color" type="string">
   Icon color as a hex code (e.g., `#FF6B6B`).
diff --git a/components/icons.mdx b/components/icons.mdx
@@ -4,7 +4,7 @@ description: "Use icons from popular icon libraries"
 icon: "flag"
 ---
 
-import { Icons } from "/snippets/icons.jsx";
+import IconsRequired from "/snippets/icons-required.mdx";
 
 Use icons from Font Awesome, Lucide, SVGs, external URLs, or files in your project to enhance your documentation.
 
@@ -26,7 +26,7 @@ Icons are placed inline when used within a paragraph.
 
 ## Properties
 
-<Icons />
+<IconsRequired />
 
 <ResponseField name="color" type="string">
   The color of the icon as a hex code (for example, `#FF5733`).
diff --git a/components/steps.mdx b/components/steps.mdx
@@ -4,7 +4,7 @@ description: "Sequence content using the Steps component"
 icon: "list-todo"
 ---
 
-import { Icons } from "/snippets/icons.jsx";
+import IconsOptional from "/snippets/icons-optional.mdx";
 
 Use steps to display a series of sequential actions or events. You can add as many steps as needed.
 
@@ -50,7 +50,7 @@ Use steps to display a series of sequential actions or events. You can add as ma
   The content of a step either as plain text or components.
 </ResponseField>
 
-<Icons />
+<IconsOptional />
 
 <ResponseField name="title" type="string">
   The title is the primary text for the step and shows up next to the indicator.
diff --git a/pages.mdx b/pages.mdx
@@ -4,7 +4,7 @@ description: "Pages are the building blocks of your documentation"
 icon: "letter-text"
 ---
 
-import { Icons } from "/snippets/icons.jsx";
+import IconsOptional from "/snippets/icons-optional.mdx";
 
 Each page is an MDX file, which combines Markdown content with React components to let you create rich, interactive documentation.
 
@@ -24,7 +24,7 @@ Every page starts with frontmatter—YAML metadata enclosed by `---` at the begi
   A short title that displays in the sidebar navigation.
 </ResponseField>
 
-<Icons />
+<IconsOptional />
 
 <ResponseField name="tag" type="string">
   A tag that appears next to your page title in the sidebar.
diff --git a/settings.mdx b/settings.mdx
@@ -5,7 +5,7 @@ icon: "settings-2"
 keywords: ["docs.json", "settings", "customization", "configuration"]
 ---
 
-import { Icons } from "/snippets/icons.jsx";
+import IconsOptional from "/snippets/icons-optional.mdx";
 
 The `docs.json` file lets you turn a collection of Markdown files into a navigable, customized documentation site. This required configuration file controls styling, navigation, integrations, and more.
 
@@ -279,7 +279,7 @@ See [Themes](themes) for more information.
         <ResponseField name="href" type="string (uri)" required>
           URL or path for the link destination.
         </ResponseField>
-        <Icons />
+        <IconsOptional />
       </Expandable>
     </ResponseField>
     <ResponseField name="primary" type="object">
@@ -356,7 +356,7 @@ See [Themes](themes) for more information.
 
               Minimum length: 1
             </ResponseField>
-            <Icons />
+            <IconsOptional />
             <ResponseField name="hidden" type="boolean">
               Whether to hide this tab by default.
             </ResponseField>
@@ -374,7 +374,7 @@ See [Themes](themes) for more information.
 
               Minimum length: 1
             </ResponseField>
-            <Icons />
+            <IconsOptional />
             <ResponseField name="color" type="object">
               Custom colors for the anchor.
 
@@ -409,7 +409,7 @@ See [Themes](themes) for more information.
 
               Minimum length: 1
             </ResponseField>
-            <Icons />
+            <IconsOptional />
             <ResponseField name="hidden" type="boolean">
               Whether to hide this dropdown by default.
             </ResponseField>
