Components

Accordion

Seções expansíveis. Usado para FAQ, perguntas frequentes e conteúdo colapsável.

Import

import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "@/components/ui/accordion"

Single — abre um item por vez (default)

<Accordion>
  <AccordionItem value="item-1">
    <AccordionTrigger>Pergunta</AccordionTrigger>
    <AccordionContent>Resposta</AccordionContent>
  </AccordionItem>
</Accordion>

Multiple — vários itens abertos ao mesmo tempo

<Accordion multiple>
  ...
</Accordion>

Default aberto

É o método proprietário da Hooked que coloca a oferta no centro da estratégia de aquisição. Em vez de começar pelo criativo ou pelo canal, começamos pela oferta — o que maximiza LTV desde o primeiro clique.

<Accordion defaultValue={["item-1"]}>

Uso em landing page — bloco FAQ

FAQ

Perguntas frequentes

Props

PropTipoDefaultDescrição
type"single" | "multiple"—Quantos itens abrem ao mesmo tempo
collapsiblebooleanfalsePermite fechar todos (só em type="single")
defaultValuestring—Item aberto por padrão