FAQ Accordion

Collapsible Q&A list. Single-column, two-column, or boxed layout.

faq-accordion interaction

Keywords

faq, accordion, questions

Metadata

Slugfaq-accordion

Categoryinteraction

Default containernarrow

Statuspublished

Variants

layout single-column · two-column · boxed

background light · alt · dark

size md · lg

Fields (6)

Heading text
Intro textarea
Layout button_group
Background button_group
Padding button_group
Questions repeater

Use in a mockup

Copy this as the wrapper in your mockup's HTML — fill the inner markup per the Mockup Spec.

<section class="section faq-accordion"
         data-block="faq-accordion"
         data-surface="light"
         data-layout="single-column"
                  data-container="narrow">
  <div class="container container--narrow">
    <div class="faq-accordion__inner">
      <!-- block content -->
    </div>
  </div>
</section>