FAQ Section
Accordion-based FAQ section with optional two-column layout. Built on Radix Accordion.
Preview
Import
import { FAQSection } from "@sigil-ui/components";Usage
<FAQSection
items={[
{ question: "Is it free?", answer: "Yes, Sigil is open source." },
{ question: "Can I customize it?", answer: "Every token is editable." },
{ question: "Does it support dark mode?", answer: "Presets include both themes." },
]}
/>Two columns
<FAQSection
label="Support"
title="Common questions"
items={items}
columns={2}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | "FAQ" | Uppercase mono label |
title | string | "Frequently asked questions" | Section heading |
description | string | — | Supporting text |
items | FAQItem[] | required | Array of { question, answer } |
columns | 1 | 2 | 1 | Single or two-column layout |
className | string | — | Additional CSS classes |
Plus all standard <section> HTML attributes.