Accordion
Painéis expansíveis para organizar conteúdo.
Accordion
O que este componente faz?
Organiza conteúdo em painéis expansíveis usando HTML nativo.
Precisa de JavaScript?
Não. A abertura e o fechamento são controlados por
details.
<!-- Accordion Component -->
<div class="accordion">
Accordion content here
</div>---
import Accordion from '@/components/ui/data-display/Accordion/Accordion.astro';
---
<Accordion />Uso
Quando usar
- Use Accordion para painéis expansíveis para organizar conteúdo.
- Ideal para interfaces que precisam de exibição de dados
Boas práticas
- Mantenha consistência com outros componentes da mesma categoria
- Considere acessibilidade e estados de interação
- Teste em diferentes tamanhos de tela