FAQ Acordeão

Sobre

Seção de perguntas frequentes com acordeão acessível (aria-expanded, aria-controls), animação de altura com CSS grid e ícone que gira. Uma pergunta aberta por vez.

Detalhes

Categoria

FAQ

Tipo

Seção

Framework

React

Tecnologias

React, Tailwind CSS

Publicado em

08 de setembro de 2026

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• tailwindcss>=3.4 · dev

  Classes utilitárias de estilo.

• Projeto React 18+ com Tailwind CSS 3.4 ou 4 configurado.
• TypeScript recomendado (os arquivos são .tsx).

Arquivos incluídos

• components/integra/faq-acordeao.tsxtsx

Como usar

import FaqAcordeao from "@/components/integra/faq-acordeao";

<FaqAcordeao />