Accordion Groups

Group multiple accordions into a single display.

Simply add <AccordionGroup> around your existing <Accordion> components.

FAQ without Icon

You can put other components inside Accordions.

HelloWorld.java

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

Check out the Accordion docs for all the supported props.

FAQ with Icon

Check out the Accordion docs for all the supported props.

FAQ without Icon

Check out the Accordion docs for all the supported props.

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](/content/components/accordions) docs for all the supported props.
  </Accordion>

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

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

Props

<AccordionGroup> does not have any props.