Velocity X Components

Marketing & Social Proof

FAQ Accordion Section

Full FAQ section built on native details/summary, zero runtime JS.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add faq-accordion-section

Built for astro.

Full docs for FAQ Accordion Section →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.0
FAQ Accordion Section

Placeholder

Frequently asked questions

Sample question one?

Sample placeholder answer text for preview purposes.

Sample question two?

Sample placeholder answer text for preview purposes.

Sample question three?

Sample placeholder answer text for preview purposes.

Props

NameTypeRequiredDefaultDescription
eyebrowstringNo
titlestringYes
substringNo
headingLevel1 | 2 | 3 | 4 | 5 | 6Yes
itemsArray<{ question: string; answer: string }>Yes
defaultOpenIndexnumberNo
classNamestringNo''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text
components/velocity/faq-accordion-section/FaqAccordionSection.astro

Using the FAQ Accordion Section component

Install it with velocityx add faq-accordion-section. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

More from Marketing & Social Proof.