<Accordion title="I am an Accordion.">
  You can put any content in here, including other components, like code:

   ```java HelloWorld.java
    class HelloWorld {
        public static void main(String[] args) {
            System.out.println("Hello, World!");
        }
    }
  ```
</Accordion>

<Accordion title="I am an Accordion.">
  You can put any content in here, including other components, like code:

   ```java HelloWorld.java
    class HelloWorld {
        public static void main(String[] args) {
            System.out.println("Hello, World!");
        }
    }
  ```
</Accordion>

​
Props

​
title
string
required

Title in the Accordion preview.

​
description
string

Detail below the title in the Accordion preview.

​
defaultOpen
boolean
default:"false"

Whether the Accordion is open by default.

​
icon
string or svg

A Font Awesome icon, Lucide icon, or SVG code

​
iconType
string

One of “regular”, “solid”, “light”, “thin”, “sharp-solid”, “duotone”, or “brands”

​
Accordion Groups

You can group multiple accordions into a single display. Simply add <AccordionGroup> around your existing <Accordion> components.