Accordion

O accordion é um componente clicável que revela um conteúdo associado oculto. É uma das formas de dar controle ao usuário do que ele quer ler e o que prefere ignorar. Quando minimizado, diminui a rolagem da página e fornece uma visualização rápida do conteúdo da tela, permitindo que o usuário forme um rápido modelo mental das informações disponíveis na interface.

Boas práticas

• Não utilize o accordion se a informação oculta for necessária e se o usuário precisar expandir muitos itens para encontrar a informação desejada. Neste caso, considere deixar todas as informações visíveis;
• Considere otimizar as páginas para impressão, de modo a apresentar todas as informações ocultas;
• Em tabelas, nas situações que a lista apresenta somente alguns itens expansíveis, os itens que não utilizam o accordion devem apresentar o mesmo recuo dos demais. Quando o accordion é aplicado em cards, não é necessário manter o mesmo alinhamento.

Este componente ainda não foi implementado como um componente em React.