Documentation Index
Fetch the complete documentation index at: https://docs.brikl.co/llms.txt
Use this file to discover all available pages before exploring further.
Overview
FAQ 03 is a marketing component that displays frequently asked questions organized into categories (e.g., General). Each question functions as an accordion item: clicking a question expands or collapses its answer. The component uses custom states to track which accordion item is open, toggling visibility of answer groups and swapping caret icons accordingly. It is designed for both web and mobile layouts with responsive font and alignment adjustments.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Accordion Item Open | User clicks a question group | The answer group becomes visible, the caret icon switches from caret-down to caret-up |
| Accordion Item Closed | User clicks the same open question group again | The answer group collapses and hides, the caret icon reverts to caret-down |
| Question Hover | User hovers over a question group | The question and icon group opacity reduces to 60% and question text becomes underlined |
| Mobile Responsive | Current Page Width is less than or equal to 768px | Font size of the main heading reduces to 30px and alignment adjusts; category label width becomes 100% |
These states are handled natively by Bubble and require no additional setup. They will work automatically once the component is pasted into your editor.
Responsive
This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble’s built-in mobile breakpoint.Workflows
This component includes pre-built workflows.| Trigger | Action |
|---|---|
| GP - General Question 01 (FAQ 03) is clicked | Sets the accordion_item_ custom state on the General Accordion group: if the current open item matches this question’s item number, it resets to 0 (closed); otherwise it sets it to this question’s item number (open) |
| GP - General Question 05 (FAQ 03) is clicked | Sets the accordion_item_ custom state on the General Accordion group: if the current open item matches this question’s item number, it resets to 0 (closed); otherwise it sets it to this question’s item number (open) |
| GP - General Question 04 (FAQ 03) is clicked | Sets the accordion_item_ custom state on the General Accordion group: if the current open item matches this question’s item number, it resets to 0 (closed); otherwise it sets it to this question’s item number (open) |
These workflows are included when you use the Copy with Workflows option in the Brikl panel.
Requirements
| License | Starter plan required |
| Plugins | None |
| Custom code | Not required |
Platforms
| Platform | Supported |
|---|---|
| Web | ✅ |
| Mobile | ❌ |
License
This component requires a Starter plan.