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!");
    }
}

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!");
        }
    }
    ```

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

AccordionGroup does not have any props.