---
title: Accordion
description: Collapsible sections for FAQs and progressive disclosure.
url: http://localhost:3040/components/accordion
---

# Accordion

Collapsible sections for FAQs and progressive disclosure.

`` renders a collapsible `<details>` element. Use it for FAQs, optional deep-dives, or content that should stay hidden until needed.

## Example

  An API key is a unique identifier that authenticates requests from your application. Keep it secret — treat it like a password. Never expose it in client-side code.

  Go to your dashboard, navigate to **Settings → API Keys**, and click **Regenerate**. Your old key will be immediately invalidated.

```mdx

  An API key authenticates requests from your application.

```

## Props

| Prop | Type | Description |
|---|---|---|
| `title` | `string` | The clickable heading shown when collapsed |

  To group multiple accordions, place them one after another — no wrapper component is needed. Migrated content using `` renders the children directly.