From a97e52970533c5d828a812c988a93cc81d90aa49 Mon Sep 17 00:00:00 2001 From: "fern-api[bot]" <115122769+fern-api[bot]@users.noreply.github.com> Date: Fri, 24 Oct 2025 22:25:50 +0000 Subject: [PATCH 1/3] Fern Editor: Update --- .../default-components/accordion-groups.mdx | 145 +++++++++--------- 1 file changed, 73 insertions(+), 72 deletions(-) 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..b50afad93 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,105 @@ --- -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: - - - This is a basic example with text content. - - - - You can include code snippets within Accordions: + + 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. - ```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. + - - A sample image - - + + - + ````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. + + + + ```` From 5510d4cc175a08843a6a1dbf353ad3c8c59fae88 Mon Sep 17 00:00:00 2001 From: "fern-api[bot]" <115122769+fern-api[bot]@users.noreply.github.com> Date: Fri, 24 Oct 2025 22:30:16 +0000 Subject: [PATCH 2/3] Fern Editor: Update --- .../default-components/accordion-groups.mdx | 18 ++++++------------ 1 file changed, 6 insertions(+), 12 deletions(-) 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 b50afad93..ca466509f 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 @@ -44,12 +44,9 @@ Accordion Groups allow you to organize content into collapsible sections, making You can embed images, videos, and other media within accordions for rich interactive content. - + + A sample image + Accordions can contain other components, such as code blocks and callouts. @@ -78,12 +75,9 @@ Accordion Groups allow you to organize content into collapsible sections, making You can embed images, videos, and other media within accordions for rich interactive content. - + + A sample image + Accordions can contain other components, such as code blocks and callouts. From d2886bfd75d142d50e5cd4e6feacb0592c685a52 Mon Sep 17 00:00:00 2001 From: "fern-api[bot]" <115122769+fern-api[bot]@users.noreply.github.com> Date: Fri, 24 Oct 2025 22:32:02 +0000 Subject: [PATCH 3/3] Fern Editor: Update --- .../component-library/default-components/accordion-groups.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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 ca466509f..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 @@ -33,7 +33,7 @@ Accordion Groups allow you to organize content into collapsible sections, making -### Usage examples +## Usage examples