Skip to main content

FAQ Block

Display frequently asked questions from your space in an expandable accordion format.

Data Block

Preview

FAQ with Title

Showing all FAQs with heading

Frequently Asked Questions

FAQ without Title

Clean FAQ list without heading

Selected FAQs

Only showing specific FAQs

Quick Answers

Properties

PropertyTypeDefaultDescription
titlestring-Optional heading above FAQs
source'all' | 'selected''all'Show all FAQs or selected ones
selectedFaqIdsstring[]-IDs of FAQs to show (when source is 'selected')

Data Dependencies

This block pulls FAQ data from your space settings. Each FAQ has:

interface FAQ {
id: string
question: string
answer: string
order: number
}

Usage

// Show all FAQs
<FaqBlock
content={{
title: 'Frequently Asked Questions',
source: 'all',
}}
faqs={faqData}
/>

// Show selected FAQs
<FaqBlock
content={{
source: 'selected',
selectedFaqIds: ['faq-1', 'faq-3'],
}}
faqs={faqData}
/>

Best Practices

  • Order matters - Put most common questions first
  • Be concise - Keep answers readable, link to details if needed
  • Use categories - Group related FAQs on separate pages if you have many