docs: document defaultOpen property for Accordion component

Co-Authored-By: Niels Swimberghe <[email protected]>

Author: devin-ai-integration[bot]

fern/products/docs/pages/component-library/default-components/accordion-groups.mdx

@@ -6,7 +6,7 @@ description: 'Display expandable/collapsible options that reveal more informatio
 Accordion Groups allow you to organize content into collapsible sections, making it easier for users to navigate through information. With recent updates, our Accordion component now supports improved search functionality using the browser's built-in search feature.
 
 <AccordionGroup>
-  <Accordion title="Basic usage">
+  <Accordion title="Basic usage" defaultOpen={true}>
     Accordion Groups can contain multiple Accordion items. Each item has a title and content that can be expanded or collapsed.
 
     ```jsx
@@ -28,6 +28,21 @@ Accordion Groups allow you to organize content into collapsible sections, making
   <Accordion title="Accessibility">
     Our Accordion component is built with accessibility in mind, supporting keyboard navigation and screen readers.
   </Accordion>
+  
+  <Accordion title="Default open state">
+    You can use the `defaultOpen` property to have specific accordions expanded by default when the page loads. This is useful for highlighting important information or frequently accessed content.
+    
+    ```jsx
+    <AccordionGroup>
+      <Accordion title="Important Information" defaultOpen={true}>
+        This accordion will be open by default
+      </Accordion>
+      <Accordion title="Additional Details">
+        This accordion will be closed by default
+      </Accordion>
+    </AccordionGroup>
+    ```
+  </Accordion>
 </AccordionGroup>
 
 ### Enhanced search functionality

fern/products/docs/pages/component-library/default-components/accordions.mdx

@@ -10,12 +10,19 @@ The Accordion component allows you to create expandable sections in your documen
       <Accordion title='Single Accordion'>
         This is an example of an accordion component. When clicked, it expands to reveal this additional content. 
       </Accordion>
+      <Accordion title='Accordion Open by Default' defaultOpen={true}>
+        This accordion is open by default using the `defaultOpen` property.
+      </Accordion>
   </Tab>
   <Tab title="Markdown">
     ```jsx
     <Accordion title='Single Accordion'>
       This is an example of an accordion component. When clicked, it expands to reveal this additional content.
     </Accordion>
+    
+    <Accordion title='Accordion Open by Default' defaultOpen={true}>
+      This accordion is open by default using the `defaultOpen` property.
+    </Accordion>
     ```
   </Tab>
 </Tabs>
@@ -30,4 +37,8 @@ The Accordion component allows you to create expandable sections in your documen
   The content to be displayed when the accordion is expanded. Can include text, markdown, and components.
 </ParamField>
 
+<ParamField path="defaultOpen" type="boolean" default={false}>
+  Whether the accordion should be open by default when the page loads. If not specified, the accordion will be collapsed by default.
+</ParamField>
+