# Accordion

Single or multiple disclosure panels.

Use Accordion to reveal optional supporting content while keeping the page outline visible.

## API

The package declarations define these public members.

| Member | Type | Kind | Required | Default | Description |
| --- | --- | --- | --- | --- | --- |
| `answer` | `Snippet<[AccordionItem]>` | snippet | No | `undefined` | No additional description. |
| `items` | `AccordionItem[]` | prop | Yes | - | No additional description. |
| `multiple` | `Multiple` | prop | No | `undefined` | Allow more than one panel open at a time. With `multiple`, `value` and `onValueChange` resolve to `string[]`; otherwise `string \| undefined`. |
| `onValueChange` | `(value: AccordionValue<Multiple>) => void` | callback | No | `undefined` | No additional description. |
| `question` | `Snippet<[AccordionItem]>` | snippet | No | `undefined` | No additional description. |
| `value` | `AccordionValue<Multiple>` | binding | No | `undefined` | Open panel(s): `string \| undefined` for single select, `string[]` for multiple — discriminated by `multiple`. See {@link AccordionValue}. |

## Related

- [Provider](/docs/components/provider): Installs theme variables, utility CSS, scope boundaries, and overlay portal context.
- [Collapsible](/docs/components/collapsible): Single disclosure region with panel and plain presentations and measured-height animation.
- [Section](/docs/components/section): Top-level showcase or document section frame.