Accordion (Sanfona)

O componente Accordion é utilizado para alternar a visibilidade de conteúdo, sendo ideal para seções de Perguntas Frequentes (FAQ) ou para organizar informações detalhadas sem ocupar muito espaço vertical.

Exemplo Visual

echo "Hello from Accordion 2"

Como Utilizar

Código

{% set contentA %}
  <p>Resposta da pergunta A...</p>
{% endset %}

{{ ui.accordion(id="faq-section", items=[
  { title: "Pergunta A?", content: contentA },
  { title: "Pergunta B?", content: "<p>Resposta direta aqui.</p>" }
]) }}

Parâmetros

• id (obrigatório): ID único para o grupo do accordion.
• items (obrigatório): Array de objetos contendo:
  • title: O texto do cabeçalho (pergunta/tópico).
  • content: O conteúdo HTML a ser exibido ao expandir.