diff --git a/fern/products/docs/pages/component-library/default-components/accordion-groups.mdx b/fern/products/docs/pages/component-library/default-components/accordion-groups.mdx
index b48f5f785..1a837853e 100644
--- a/fern/products/docs/pages/component-library/default-components/accordion-groups.mdx
+++ b/fern/products/docs/pages/component-library/default-components/accordion-groups.mdx
@@ -1,104 +1,99 @@
---
-title: 'Accordion Groups'
-description: 'Display expandable/collapsible options that reveal more information with improved search functionality'
+title: Accordion Groups
+description: Display expandable/collapsible options that reveal more information with improved search functionality
---
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.
- Accordion Groups can contain multiple Accordion items. Each item has a title and content that can be expanded or collapsed.
-
- ```jsx
-
-
- Content for section 1
-
-
- Content for section 2
-
-
- ```
+ Accordion Groups can contain multiple Accordion items. Each Accordion has a title and content that can be expanded or collapsed.
+
+ ```
+
+
+ Content for section 1
+
+
+ Content for section 2
+
+
+ ```
+
- The updated Accordion component now uses HTML5 `` and `` elements, enabling browser search (Cmd+F / Ctrl+F) to find content within collapsed sections.
+ Accordion components use HTML5 `` and `` elements, enabling browser search (Cmd+F / Ctrl+F) so users can find content within collapsed sections.
+
- Our Accordion component is built with accessibility in mind, supporting keyboard navigation and screen readers.
+ The Accordion component supports keyboard navigation and screen readers.
-### Enhanced search functionality
-
-The recent update to our Accordion component improves content discoverability by allowing users to search through all content, including collapsed sections, using the browser's search function (Cmd+F / Ctrl+F).
-### Usage examples
-
-Here are some examples of how to use the Accordion Group component:
+## Usage examples
-
- This is a basic example with text content.
-
+
+ This is a basic example with text content.
+
+
+ You can embed images, videos, and other media within accordions for rich interactive content.
-
- You can include code snippets within Accordions:
+
+ 
+
+
+
+ Accordions can contain other components, such as code blocks and callouts.
- ```javascript
- function greet(name) {
- console.log(`Hello, ${name}!`);
- }
- ```
-
+ ```ts
+ export function greet(name: string) {
+ return `Hello, ${name}!`;
+ }
+ ```
-
- Accordions can contain other components:
+
+ Here's a nested callout.
+
-
-
-
-
+
+
-
+
````jsx
-
-
- This is a basic example of an accordion group.
-
-
-
- You can embed photos, videos, and other media within accordions for rich interactive content.
-
-
-
-
-
- Accordions can contain rich content including code blocks, callouts, and other components.
-
- ```ts
- export function greet(name: string) {
- return `Hello, ${name}!`;
- }
- ```
-
-
-
- - Use accordion groups when you have multiple related sections
- - Each accordion should have a clear title
- - Keep content concise and focused
-
-
+
+
+ This is a basic example with text content.
+
+
+ You can embed images, videos, and other media within accordions for rich interactive content.
+
+
+
+
+
+
+ Accordions can contain other components, such as code blocks and callouts.
+
+ ```ts
+ export function greet(name: string) {
+ return `Hello, ${name}!`;
+ }
+ ```
+
+
+ Here's a nested callout.
+
+
+
+
````