Accordions

Hide details until the reader opens them

Use <AccordionGroup> when several accordions belong together.

​

Usage

<AccordionGroup>
  <Accordion title="Does Docs7 support MDX?">
    Yes.
  </Accordion>
  <Accordion title="Is this open by default?" defaultOpen>
    Yes.
  </Accordion>
</AccordionGroup>

<Accordion> also accepts description, icon, and iconType.

​

Example

Does Docs7 support MDX?

Yes.

Is this open by default?

Yes.