FAQ
The FAQ component renders a list of expandable questions and answers (Accordions), marked up with JSON-LD Schema for SEO.
Usage
import FAQ from '~/components/sections/FAQ.astro';
const items = [
{ question: "Is this free?", answer: "Yes, it is open source." },
{ question: "Can I use it for commercial projects?", answer: "Absolutely!" }
];
<FAQ
title="Frequently Asked Questions"
items={items}
/>Example
Frequently Asked Questions
Everything you need to know about the product and billing.
How does it work?
It uses the HTML details and summary elements.
Is it accessible?
Yes, it uses native browser semantics.
Props
| Prop | Type | Description |
|---|---|---|
title | string | The section heading (optional). |
items | { question: string, answer: string }[] | Array of Q&A objects. |