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

# Use o accordion para perguntas frequentes e conteúdo estruturado

> Use o elemento accordion para organizar perguntas frequentes e conteúdos em seções expansíveis, com um layout mais limpo e fácil de usar.

O elemento Accordion permite exibir conteúdo em seções expansíveis.<br />Ele é muito usado para perguntas frequentes ou informações estruturadas, quando você quer manter a página limpa e organizada.

## Como adicionar um Accordion

* Abra a barra lateral esquerda
* Arraste **Collapse / Accordion** para a tela

***

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/q3U3xTtyC-7MtM61/images/accordion.png?fit=max&auto=format&n=q3U3xTtyC-7MtM61&q=85&s=769232d934360768227ecdcb5d41ea2d" alt="Accordion" width="1920" height="991" data-path="images/accordion.png" />
</Frame>

## Editando o conteúdo

Todo o conteúdo é editado diretamente na tela:

* Clique na **pergunta** para editar o título
* Clique na **área da resposta** para editar o conteúdo

É aqui que você gerencia tanto a pergunta quanto a resposta.

## Gerenciando os itens

No painel da direita:

* **Add Item** → cria novos itens no accordion
* Reordene os itens arrastando-os
* Cada item representa uma pergunta + resposta

## Como funciona

* Apenas **um item pode ficar aberto por vez**
* Clicar em outro item fecha automaticamente o anterior

## Collapse Style

Você pode mudar a aparência do accordion usando o **Collapse Style**:

* **Simple** → design minimalista
* **Bordered** → adiciona bordas em volta dos itens
* **Line Bottom** → linhas separadoras entre os itens
* **Solid** → estilo com fundo preenchido

## Ícone de acionamento

* Escolha o estilo do ícone (por exemplo, +, seta)
* Indica se o item está aberto ou fechado

## Controles de espaçamento

* **Gap** → espaço entre os itens
* **Inner Space** → espaçamento interno de cada item

***

## Opções de estilo

Assim como os outros elementos, você também pode personalizar:

* Tipografia
* Cores
* Bordas e arredondamento
* Espaçamento
* Fundo

***

## Observações importantes

* O conteúdo é editado diretamente na tela
* Apenas um item do accordion fica aberto por vez
* O estilo funciona da mesma forma que nos outros elementos