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

# <Accordion />

<Frame>
  <iframe height={160} width="100%" src="https://morph-data-components-storybook.netlify.app/iframe.html?args=&globals=&id=layout-components-accordion--accordion-story" style={{ background: "white" }} />
</Frame>

`<Accordion>` is a component that provides a collapsible accordion.

```tsx theme={"dark"}
<Accordion title="Put title here">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
    eiusmod tempor incididunt ut labore et dolore magna aliqua.
  </p>
</Accordion>
```

## Properties

<ParamField path="title" type="String" required>
  Specifies the title of the accordion. The title is displayed even when closed.
</ParamField>