Accordion Groups

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.

1
<AccordionGroup>
2
  <Accordion title="Section 1">
3
    Content for section 1
4
  </Accordion>
5
  <Accordion title="Section 2">
6
    Content for section 2
7
  </Accordion>
8
</AccordionGroup>

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:

Example

Markdown

Simple Text Content

This is a basic example with text content.

With Code Snippets

You can include code snippets within Accordions:

1
function greet(name) {
2
  console.log(`Hello, ${name}!`);
3
}

Nested Components

Accordions can contain other components: