Accordion
O componente Accordion é uma lista de títulos que expande e contrai, exibindo ou escondendo os conteúdos relacionados.
Ele pode ser utilizado para organizar um grande volume de informações em blocos menores, retráteis e revelando o conteúdo quando há uma interação com ele. Caso exista a possibilidade de o conteúdo a ser exibido na área colapsável ser muito extenso, indique uma altura máxima para uma melhor experiência de uso.
Por ocultar o conteúdo, a utilização do Accordion precisa ser feita com cautela, pois aumenta a carga cognitiva, tendo a necessidade de um clique a mais. Se a pessoa precisa ter acesso rápido às informações, considere aplicá-las direto na página, sem utilizar o Accordion.
Conteúdo
Por padrão, todo Accordion tem um título principal, que deve ser o mais sucinto possível, mas ainda assim claro o suficiente para contextualizar o conteúdo relacionado.
O conteúdo que é apresentado no corpo do Accordion deve trazer o aprofundamento da informação do título principal. Esse conteúdo é optativo, ou seja, a pessoa escolhe se deseja abrir para ler ou não.
Feedback
Para reportar algum problema ou sugerir alterações, use nosso formulário de melhorias ou, se preferir, abra uma issue no nosso Github.