> ## Documentation Index
> Fetch the complete documentation index at: https://www.usenotra.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Accordions

> Hide details, like FAQs or long explanations, until a reader opens them.

An accordion hides details, like an FAQ answer, under a title that readers click to open.

```mdx theme={"system"}
<AccordionGroup>
  <Accordion title="Does Acme Flow work offline?" defaultOpen>
    Yes. Changes sync when you're back online.
  </Accordion>
  <Accordion title="Can I use my own domain?">
    Yes, a subdomain or a path on your website.
  </Accordion>
</AccordionGroup>
```

<Frame caption="How it looks on your site">
  <img src="https://mintcdn.com/notra/_2RERYWY3HnUeONN/images/sites/components/accordions-light.webp?fit=max&auto=format&n=_2RERYWY3HnUeONN&q=85&s=820fbe42628aa9133f357e2ad1d86635" alt="An accordion group with one open accordion on a Notra site" className="block dark:hidden" width="1824" height="386" data-path="images/sites/components/accordions-light.webp" />

  <img src="https://mintcdn.com/notra/_2RERYWY3HnUeONN/images/sites/components/accordions-dark.webp?fit=max&auto=format&n=_2RERYWY3HnUeONN&q=85&s=4fcf0dc5defa9b4d830f1d65f8434ec5" alt="An accordion group with one open accordion on a Notra site" className="hidden dark:block" width="1824" height="386" data-path="images/sites/components/accordions-dark.webp" />
</Frame>

Accordions work without JavaScript, and search engines read their content even when they're closed. `AccordionGroup` draws a line above the first accordion so a list of them looks like one block.

## Props

### Accordion

<ResponseField name="title" type="string" required>
  The question or label readers click.
</ResponseField>

<ResponseField name="defaultOpen" type="boolean" default="false">
  Open the accordion when the page loads.
</ResponseField>

`AccordionGroup` takes no props.

## Styling

Accordions carry the class `accordion` and groups carry `accordion-group`.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.