FAQ Accordion

faq_accordion renders a bordered FAQ section with small Alpine.js state for expanding answers.

When to Use

Use it for objections, pricing questions, implementation details, or any set of questions that would otherwise take too much vertical space.

{{ faq_accordion(
title="Questions",
q_1="Do I need a frontend build step?",
a_1="No. VaraPress ships bundled assets for consuming sites."
) }}

No. VaraPress ships bundled assets for consuming sites.

Yes. Use them when they make the explanation clearer.

Parameter	Description
`container`	Inner content width for the FAQ section.
`eyebrow`	Small uppercase label above the heading.
`title`	Section heading.
`description`	Supporting copy below the heading.
`q_N`	Question text for item `N`. Supports `q_1` through `q_10`.
`a_N`	Answer text for item `N`. Supports `a_1` through `a_10`.
`bg`	Full-width section background token.
`class`	Additional CSS classes on the outer section.