FAQ

Blocos de páginaCLI

Perguntas frequentes de landing: uma aberta por vez, cinco variantes e textos por prop.

Instalação

bash

pnpm add aura-ui-components aura-ui-tailwind

Depois, importe o CSS uma vez no seu arquivo global (Tailwind v4):

css

/* app/globals.css */
@import "aura-ui-tailwind";
@import "aura-ui-components/tailwind.css";

tsx

import { Faq } from "aura-ui-components/faq";

Lidas do código do componente: tipo, valor padrão e o que cada uma faz.

Prop	Tipo	Padrão
`title` Título da seção (opcional).	`React.ReactNode`	—
`description` Texto de apoio abaixo do título.	`React.ReactNode`	—
`items`obrigatória Perguntas, na ordem de exibição.	`FaqItem[]`	—
`defaultOpen` Índice aberto no primeiro render. `null` deixa todas fechadas. Padrão: 0 (a primeira). Padrão: `0`	`number \| null`	`0`
`variant` Padrão: `"separated"`	`"separated" \| "contained" \| "line" \| "glass" \| "elevated"`	`"separated"`

Também aceita as props de Omit<React.HTMLAttributes<HTMLElement>, "title">.

Exportações

FaqfaqVariants

Tipos

FaqItemFaqProps

Dependências npm

class-variance-authority

É exatamente o arquivo que o CLI copia para o seu projeto — edite à vontade.