FAQ Section
Answer common questions in expandable sections.
Preview
Import
import { FAQSection } from "@sigil-ui/components";Usage
<FAQSection items={[{ question: "What is Sigil?", answer: "A token-driven design system." }, { question: "How many presets?", answer: "44 curated presets." }]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Readable label for the component. |
title | string | — | Heading displayed in the component. |
description | string | — | Supporting text below the heading. |
items (required) | FAQItem[] | — | Items to display, in their display order. |
columns | 1 | 2 | — | Columns configuration. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-section-py | Section py |
--s-content-max | Content max |
--s-page-margin | Page margin |
--s-border | Border |
--s-text | Text |
--s-text-muted | Text muted |
--s-duration-fast | Duration fast |