`::accordion` à volta de blocos
[`::accordion-item`](/reference/mdc-components/accordion-item).

## Utilização

::preview
::::accordion
:::accordion-item{label="Quem a consome escreve content.config.ts?" icon="lucide:file-question"}
Não. `duxt.sources` em `app.config.ts` é a única declaração; o
`content.config.ts` da própria camada lê-a.
:::

:::accordion-item{label="É preciso um driver SQLite nativo?" icon="lucide:database"}
Não. A base de dados é lida através de `node:sqlite`, e é por isso que a
compilação precisa do Node 24.
:::
::::

#code
```mdc
:::accordion
  ::accordion-item{label="Quem a consome escreve content.config.ts?" icon="lucide:file-question"}
  Não. `duxt.sources` em `app.config.ts` é a única declaração.
  ::
:::
```
::

## API

Sem props.

### Slots

| Slot      | O que leva dentro         |
| :-------- | :------------------------ |
| `default` | Blocos `::accordion-item` |

## Notas

`type="multiple"` de propósito: um FAQ onde abrir uma resposta fecha aquela que
estavas a meio de ler é um FAQ pior.

Assente nas primitivas do reka-ui, como a árvore e os separadores, pela mesma
razão — um componente de revelação feito à mão não tem tratamento de teclado,
não tem `aria-expanded` e não tem relação entre o gatilho e a região que abre.