FAQ
FAQ accordion section
Marketing BlockContent
Overview
Wraps the Accordion UI component to render a list of question/answer pairs. Supports single-open and multiple-open modes, with an optional pre-opened item.
Usage
import { FAQ } from "@leanicon/web-builder-library";Default (single mode)
Only one item can be open at a time. Clicking an open item closes it.
Multiple mode
Multiple items can be open simultaneously.
With default open item
Set defaultOpenIndex to pre-open a specific item on mount.
We offer a 30-day money-back guarantee on all plans. If you are not satisfied, contact our support team and we will issue a full refund.
Multiple mode with default open
Yes, you can cancel your subscription at any time from your account settings. Your access will remain active until the end of your current billing period.
Two items
Single item
Dark mode
Multiple mode — dark mode
With default open — dark mode
We offer a 30-day money-back guarantee on all plans. If you are not satisfied, contact our support team and we will issue a full refund.
Props
Prop | Type | Default | Description |
|---|---|---|---|
|
| — | Array of question/answer pairs (required) |
|
|
| Single-open or multiple-open accordion mode |
|
| — | Index of the item to pre-open on mount |
|
| — | Force light or dark mode |
|
| — | Additional CSS classes on root |
FAQItem
Field | Type | Description |
|---|---|---|
|
| Question text |
|
| Answer text |
Notes
- In
"single"mode, the accordion is collapsible — clicking an open item closes it. - In
"multiple"mode, any number of items can be open simultaneously. defaultOpenIndexworks with both modes. In multiple mode, it pre-opens one item; users can then open additional items.- Dark mode: pass
colorScheme="dark"or place inside a.darkancestor.
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
items | FAQItem[] | — | Yes | |
type | enum | single | No | |
defaultOpenIndex | number | — | No | |
colorScheme | enum | — | No | |
className | string | — | No |