> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-nick-eng-3707-update-chat-endpoints-to-single-assi.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Accordions

> A dropdown component to toggle content visibility

<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>

<RequestExample>
  ````mdx Accordion Example
  <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>
  ````

  ````mdx Accordion Group Example
  <AccordionGroup>
    <Accordion title="FAQ without Icon">
      You can put other components inside Accordions.

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

      Check out the [Accordion](/components/accordions) docs for all the supported props.
    </Accordion>

    <Accordion title="FAQ with Icon" icon="alien-8bit">
      Check out the [Accordion](/components/accordions) docs for all the supported props.
    </Accordion>

    <Accordion title="FAQ without Icon">
      Check out the [Accordion](/components/accordions) docs for all the supported props.
    </Accordion>
  </AccordionGroup>
  ````
</RequestExample>

### Props

<ResponseField name="title" type="string" required>
  Title in the Accordion preview.
</ResponseField>

<ResponseField name="description" type="string">
  Detail below the title in the Accordion preview.
</ResponseField>

<ResponseField name="defaultOpen" type="boolean" default="false">
  Whether the Accordion is open by default.
</ResponseField>

<ResponseField name="icon" type="string or svg">
  A [Font Awesome icon](https://fontawesome.com/icons), [Lucide
  icon](https://lucide.dev/icons), or SVG code
</ResponseField>

<ResponseField name="iconType" type="string">
  One of "regular", "solid", "light", "thin", "sharp-solid", "duotone", or
  "brands"
</ResponseField>

## Accordion Groups

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

<AccordionGroup>
  <Accordion title="FAQ without Icon">
    You can put other components inside Accordions.

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

    Check out the [Accordion](/components/accordions) docs for all the supported props.
  </Accordion>

  <Accordion title="FAQ with Icon" icon="bot">
    Check out the [Accordion](/components/accordions) docs for all the supported props.
  </Accordion>

  <Accordion title="FAQ without Icon">
    Check out the [Accordion](/components/accordions) docs for all the supported props.
  </Accordion>
</AccordionGroup>