Marketing & Social Proof
FAQ Accordion Section
Full FAQ section built on native details/summary, zero runtime JS.
$ velocityx add faq-accordion-section Built for astro.
Full docs for FAQ Accordion Section →
Needs a licence key —
subscribe here, then
velocityx loginonce.
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
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| eyebrow | string | No | ||
| title | string | Yes | ||
| sub | string | No | ||
| headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | Yes | ||
| items | Array<{ question: string; answer: string }> | Yes | ||
| defaultOpenIndex | number | No | ||
| className | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
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.
Related components
More from Marketing & Social Proof.
Row of award/recognition badge tiles supplied entirely via props.
astroCover image, industry tag, headline and result line linking through to a full case study.
astroRow of metric tiles for the headline numbers inside a case study.
astroFull section wrapper around a CSS-only scrolling logo strip that stops entirely under reduced motion.
astro