Seção expansível
O que você vai aprender
- Pra que serve este block e o que vai dentro dele
- Como funciona o item que abre por padrão
Pra que serve
Monta um grupo de itens expansíveis (pergunta/resposta, ou qualquer par título+conteúdo), cada item clicando pra abrir e mostrar o conteúdo interno. É um block estrutural: aceita apenas linhas de acordeão dentro dele, e cada linha aceita seus próprios blocks internos (Texto, Imagem, etc.) como conteúdo.
Usado tipicamente pra FAQ, políticas de troca/frete, ou detalhes de produto que não precisam aparecer sempre visíveis.
Como configurar
| Configuração | Pra que serve |
|---|---|
| Ícone | Seta (caret) ou Mais, indicador visual de abrir/fechar em cada linha. |
| Divisores | Mostra uma linha divisória entre os itens. |
| Predefinição do título | Tamanho do texto do título de cada linha, seguindo as predefinições de Estilo de texto. |
| Herdar esquema de cores | Quando ativado, usa o esquema de cores do contexto ao redor. |
Bordas e preenchimento
| Configuração | Pra que serve |
|---|---|
| Estilo / Espessura / Opacidade / Raio da borda | Controlam a borda ao redor do bloco inteiro de acordeão. |
| Superior / Inferior / Esquerda / Direita | Espaço interno do bloco inteiro, em px. |
Boas práticas
- Cada linha de acordeão tem sua própria opção de "abrir por padrão", útil pra destacar a pergunta mais comum já aberta ao carregar a página, mas evite deixar mais de uma linha aberta por padrão, tira o propósito de economizar espaço.