FAQ

Displays some images cards in column. Alignment and button are available.

Frontmatter

blocks:
  - type: faq
    heading: {} # (optional)
      surtitle: '' # string (optional)
      title: '' # string (optional)
      text: '' # markdown (optional)
    items: []
      summary: '' # string, the visible question
      text: '' # markdown, the answer
      name: '' # string, shared name to make the group an accordion (optional)
      title: '' # string, HTML title attribute (optional)
      open: false # boolean (optional)
    ui: {} # (optional)
      theme: '' # [accent, black, dark, highlight, light, neutral, white] (optional)
      grid: '' # [xsmall, small, medium, large, container, full] (optional)
      offset: '' # [start, center, end] (optional)
      align: '' # [start, center, end] (optional)

Each item is a native <details>. Giving several items the same name turns them into an accordion, where opening one closes the others, with no JavaScript.

See Common keys for heading, footing and the full ui reference.

Demo visual renderer

Files

CMS availability

CMSHugolify Admin v2
CloudCannonAvailable
Decap CMSAvailable
Netlify CMSAvailable
Pages CMSAvailable
Static CMSAvailable
Sveltia CMSAvailable
Tina CMSAvailable