O acordeão é uma lista vertical empilhada com a funcionalidade de mostrar e ocultar conteúdos. O título de cada item permite ao usuário escolher qual seção quer ler.

• Organizar informações relacionadas;
• Reduzir a página, diminuindo a necessidade de rolagem;
• Quando se tem pouco espaço e conteúdo longo não pode ser mostrado todo de uma vez, como em dispositivo móvel ou num painel lateral.

• Título: contém o tópico da seção e controla a abertura e fechamento do painel.
• Ícone: indica se o painel está aberto ou fechado.
• Conteúdo: o conteúdo relacionado ao título da seção pode conter somente texto ou  estrutura própria com botões, abas.

Para usar este componente em seu leiaute, acesse o banco de recursos e veja as versões já disponíveis para aplicação.

• Estados: o acordeão possui dois estados, colapsado e expandido. O ícone de seta no final do acordeão indica qual o estado daquela seção.
• Interações: a mudança de estado pode ser realizada através do clique em qualquer lugar da barra de título.