`::accordion` autour de blocs
[`::accordion-item`](/reference/mdc-components/accordion-item).

## Utilisation

::preview
::::accordion
:::accordion-item{label="Un consommateur écrit-il content.config.ts ?" icon="lucide:file-question"}
Non. `duxt.sources` dans `app.config.ts` est la seule déclaration ; le
`content.config.ts` de la couche elle-même le lit.
:::

:::accordion-item{label="Faut-il un pilote SQLite natif ?" icon="lucide:database"}
Non. La base de données est lue via `node:sqlite`, et c’est pourquoi la
compilation a besoin de Node 24.
:::
::::

#code
```mdc
:::accordion
  ::accordion-item{label="Un consommateur écrit-il content.config.ts ?" icon="lucide:file-question"}
  Non. `duxt.sources` dans `app.config.ts` est la seule déclaration.
  ::
:::
```
::

## API

Pas de props.

### Slots

| Slot      | Ce qu’il contient            |
| :-------- | :--------------------------- |
| `default` | Des blocs `::accordion-item` |

## Remarques

`type="multiple"` à dessein : une FAQ où ouvrir une réponse referme celle que
vous aviez lue à moitié est une moins bonne FAQ.

Sur les primitives de reka-ui, comme l’arborescence et les onglets, pour la même
raison — un dépliant fait à la main n’a aucune gestion du clavier, aucun
`aria-expanded` et aucun lien entre le trigger et la région qu’il ouvre.