Features Breakdown: FAQ (Tabs via Blocks) This section allows you to build a categorized FAQ page using a flexible block system. Instead of fixed settings, you create categories dynamically by adding "Tab Blocks," making it easy to rearrange or add unlimited topics.

1. Dynamic Categorization (Block-Based)

• Logical Structure: The section uses a linear block order. Simply add a Tab Block to start a new category, and any Question Blocks placed immediately below it will automatically belong to that tab.

• Intro Text: Each Tab Block allows for an optional "Intro Description" that appears above the questions when that category is active.

2. Tab Navigation Styling (Pill Style)

• Visual Control: Fully customize the look of the navigation bar. Adjust the Tab Height, Corner Radius, Gapbetween tabs, and Horizontal Padding.

• Colors & Gradients:

  • Track: Set the background and border color for the tab container.

  • Active State: Highlight the selected tab with a Custom Gradient (Start/End colors) and distinct text color.

  • Inactive State: Set specific text colors for unselected tabs.

• Alignment & Width:

  • Control the Max Width of the tab track itself.

  • Align tabs to the Left, Center, or Right (Desktop).

  • Mobile Optimized: On mobile, tabs automatically turn into a swipeable horizontal scroll.

3. Accordion Behavior

• Opening Mode: Toggle between Single Mode (opening one question auto-closes others) or Multiple Mode (keep multiple answers open).

• Visual Separators: Adjust the Color and Thickness of the lines separating the questions.

• Icons: Customize the toggle icon (Plus/Minus). Adjust the Icon Size (Desktop/Mobile) and colors for both Open and Closed states.

4. Typography & Readability

• Granular Sizing: Independent font-size sliders for Desktop and Mobile for every element:

  • Section Headings & Subheadings.

  • Tab Labels.

  • Questions & Answers.

• Font Source: Use the global Theme Font or force specific Custom Fonts for Headings and Body text.

5. Layout & Spacing

• Container Width: Define a specific Max-Width (px) for the main content area.

• Padding Control: Fine-tune the Side Padding (Custom or Theme) and vertical spacing (Top/Bottom).

• Device Visibility: Options to hide the section on Mobile Only, Desktop Only, or Both.

6. Block Content

• Tab Block: Acts as a section divider. Contains a Label (Title) and optional Description.

• Question Block: Contains the Question, Answer (Rich Text), and a checkbox to Start Open by default.