> ## Documentation Index > Fetch the complete documentation index at: https://docs.xquiz.com.br/llms.txt > Use this file to discover all available pages before exploring further. # Accordion > Elemento expansível para organizar conteúdo em seções colapsáveis O elemento Accordion serve para organizar informações em seções expansíveis e colapsáveis, permitindo que os usuários vejam apenas o conteúdo que desejam, mantendo a interface limpa e organizada. **Para que serve** * Organizar informações em seções colapsáveis para economizar espaço. * Criar FAQs (Perguntas Frequentes) interativas. * Apresentar conteúdo detalhado de forma organizada e acessível. * Melhorar a experiência do usuário com navegação intuitiva. * Reduzir a sobrecarga visual mantendo informações importantes acessíveis. **O que você pode configurar** **Modo de Abertura:** * **Único:** Apenas um item pode estar aberto por vez (comportamento padrão). * **Múltiplo:** Vários itens podem estar abertos simultaneamente. **Conteúdo dos Itens:** * **Título:** Texto principal de cada seção com formatação rica (negrito, itálico, cores, etc.). * **Descrição:** Conteúdo detalhado de cada seção com editor completo de texto. * **Variáveis:** Insira variáveis dinâmicas tanto no título quanto na descrição. **Configurações de Conteúdo:** * **Mínimo:** 1 item obrigatório. * **Máximo:** 10 itens por accordion. * **Formatação:** Editor completo com toolbar para formatação avançada. **Estilos Visuais:** * **Borda:** Cor das linhas separadoras entre os itens. * **Título:** Cor personalizada para o texto do título de cada item. * **Descrição:** Cor personalizada para o conteúdo da descrição. * **Ícone:** Cor do ícone de expansão/colapso. **Animações:** * **Transição:** Animação suave ao abrir e fechar os itens. * **Ícone:** Rotação do ícone indicando o estado (aberto/fechado). **Interatividade:** * **Hover:** Efeito de sublinhado ao passar o mouse sobre o título. * **Clique:** Expansão/colapso do conteúdo ao clicar no título. **Dica de uso!** Use accordions para organizar informações complexas de forma clara e acessível. Mantenha os títulos concisos e descritivos, e organize o conteúdo de forma lógica. Evite criar muitos itens (máximo 5-7) para não sobrecarregar o usuário. Use o modo "Único" para FAQs e o modo "Múltiplo" quando o usuário precisa comparar informações entre diferentes seções.