Back to site

FAQ Section

Section displaying frequently asked questions in an accordion format.

Frequently Asked Questions

What is included in the free plan?

The free plan gives you access to basic features including project creation, limited storage, and community support. You can upgrade at any time for more functionality.

Can I use this tool with my existing workflow?

Absolutely. The system is designed to integrate seamlessly with popular tools like Git, Markdown, and static site generators. No major setup or migration required.

How does team collaboration work?

You can invite team members to your projects, assign roles, and collaborate in real time. Changes are tracked and synced automatically across environments.

What kind of support do you offer?

We offer comprehensive support through documentation, community forums, and email support. Premium plans include priority support with faster response times. 

---
import SimpleText from "@core-elements/simple-text/SimpleText.astro";
import AccordionItem from "@wrappers/accordion/AccordionItem.astro";
import FaqSection from "@page-sections/info-blocks/faq-section/FaqSection.astro";
---

<FaqSection backgroundColor="base" heading="Frequently Asked Questions" paddingVertical="4xl" />
---
blocks:
  _component: page-sections/info-blocks/faq-section
  heading: Frequently Asked Questions
  items:
    - _component: building-blocks/wrappers/accordion/accordion-item
      title: What is included in the free plan?
      contentSections:
        - _component: building-blocks/core-elements/simple-text
          text: The free plan gives you access to basic features including project creation, limited storage, and community support. You can upgrade at any time for more functionality.
          size: md
    - _component: building-blocks/wrappers/accordion/accordion-item
      title: Can I use this tool with my existing workflow?
      contentSections:
        - _component: building-blocks/core-elements/simple-text
          text: Absolutely. The system is designed to integrate seamlessly with popular tools like Git, Markdown, and static site generators. No major setup or migration required.
          size: md
    - _component: building-blocks/wrappers/accordion/accordion-item
      title: How does team collaboration work?
      contentSections:
        - _component: building-blocks/core-elements/simple-text
          text: You can invite team members to your projects, assign roles, and collaborate in real time. Changes are tracked and synced automatically across environments.
          size: md
    - _component: building-blocks/wrappers/accordion/accordion-item
      title: What kind of support do you offer?
      contentSections:
        - _component: building-blocks/core-elements/simple-text
          text: We offer comprehensive support through documentation, community forums, and email support. Premium plans include priority support with faster response times.
          size: md
  paddingVertical: 4xl
  backgroundColor: base
---

Overview

Use FAQ Section to address common questions and help users find answers quickly. The accordion format keeps content organized and allows users to expand only the questions they're interested in.

Properties

heading string | default: Frequently Asked Questions

Main heading for the FAQ section.

headingLevel enum | default: h2

HTML heading level (h1-h6).

Accepted values:
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6

headingSize enum | default: lg

Visual size of the heading.

Accepted values:
  • xs
  • sm
  • md
  • lg
  • xl
  • 2xl

singleOpen boolean | default: true

Whether only one accordion item can be open at a time.

openFirst boolean | default: false

Whether the first accordion item should be open by default.

items array | default: array

Questions and answers in the accordion.

Item Properties:

_component string | default: building-blocks/wrappers/accordion/accordion-item

title string | default: Question text

The question text.

contentSections array | default: array

Content sections for the answer (typically text).

Item Properties:

_component string | default: building-blocks/core-elements/text

text string | default: Answer text goes here.

The answer text content.

maxContentWidth enum | default: xl

Maximum width of the content area.

Accepted values:
  • sm
  • md
  • lg
  • xl
  • 2xl

paddingHorizontal enum | default: xl

Horizontal padding for the section.

Accepted values:
  • none
  • xs
  • sm
  • md
  • lg
  • xl

paddingVertical enum | default: 4xl

Vertical padding for the section.

Accepted values:
  • none
  • xs
  • sm
  • md
  • lg
  • xl
  • 2xl
  • 3xl
  • 4xl

colorScheme enum | default: inherit

Color scheme theme applied to the section wrapper.

Accepted values:
  • inherit
  • default
  • contrast

backgroundColor enum | default: base

Background color for the section.

Accepted values:
  • none
  • base
  • surface
  • accent
  • highlight