Accordion

import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';

<Accordions>
  <Accordion title="Is it accessible?">
    Yes. It adheres to the WAI-ARIA design pattern.
  </Accordion>
  <Accordion title="Is it unstyled?">
    Yes. It's unstyled by default, giving you freedom over the look and feel.
  </Accordion>
  <Accordion title="Can it be animated?">
    Yes! You can use the transition prop to configure the animation.
  </Accordion>
</Accordions>