Navegação
Acordeão
Accordion
Títulos que se expandem para mostrar o conteúdo de cada seção.
O que é uma interface?
É onde pessoas e produtos se encontram.
E um componente?
Uma parte reutilizável dessa interface.
Exemplo didático · Experimente os controles acima
Quando usar
Organizar perguntas frequentes ou seções que podem ser consultadas separadamente.
Cuidados e acessibilidade
Use títulos claros e preserve a operação por teclado.
Partes e comportamento
Cabeçalho acionável, indicador de expansão e painel de conteúdo associado.
Não confunda
Abas alternam uma área compartilhada. Um acordeão expande conteúdo sob cada cabeçalho.
Exemplo de código
<details>
<summary>O que é um componente?</summary>
<p>Uma parte reutilizável da interface.</p>
</details>Trecho didático. Integre e teste no contexto do seu projeto.