ASTRO攻略LABO ロゴ ASTRO攻略LABO
Docs / FAQ

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

よくある質問(FAQ)

ASTROや限定サインツールに関する、よくあるご質問にお答えします。

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. |