File: src/blocks/faq/FAQ02.astro
Accordion FAQ — tap a question to reveal the answer. Supports chevron or plus/minus icons and initial open state.
Config
Heading/layout/behavior from blocks.ts → faq02. Items from integrations.ts → aeo.faq (shared with FAQ01 / FAQ schema).
// blocks.ts
faq02: {
width: "narrow",
heading: "Frequently asked questions",
subheading: "Tap a question to reveal the answer.",
iconStyle: "chevron", // "chevron" | "plus-minus"
initialState: "first-open", // "closed" | "open" | "first-open"
},Add to a page
---
import FAQ02 from "@/blocks/faq/FAQ02.astro";
---
<FAQ02 />Inline override:
<FAQ02
iconStyle="plus-minus"
initialState="closed"
items={[
{ question: "Can I self-host?", answer: "Yes — static output deploys anywhere." },
]}
/>Props
| Prop | Config key | Notes |
|---|---|---|
sectionId |
— | Default "faq" (pass a unique id if both FAQ01 and FAQ02 are on one page) |
width |
faq02.width |
|
heading |
faq02.heading |
|
subheading |
faq02.subheading |
|
items |
aeo.faq |
{ question, answer }[] |
iconStyle |
faq02.iconStyle |
"chevron" | "plus-minus" |
initialState |
faq02.initialState |
"closed" | "open" | "first-open" |