Pular para o conteúdo principal
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.