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 02 is a marketing component that displays a list of frequently asked questions in an accordion-style layout. Each question row can be clicked to toggle the visibility of its corresponding answer. The component uses custom states to track which item is currently open, allowing only one answer to be visible at a time while collapsing others.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 trigger group | The answer group becomes visible and the caret icon switches from caret-down to caret-up |
| Accordion Item Closed | User clicks the same question trigger group again | The answer group collapses and the caret icon reverts to caret-down |
| Question Hover | User hovers over a question row | The question and icon group opacity reduces to 60% |
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 - Trigger Question 01 (FAQ 02) is clicked | Sets the accordion_item_ custom state on the accordion group to the item number of Question 01, or resets it to 0 if it is already open (toggle behavior) |
| GP - Trigger Question 04 (FAQ 02) is clicked | Sets the accordion_item_ custom state on the accordion group to the item number of Question 04, or resets it to 0 if it is already open (toggle behavior) |
| GP - Trigger Question 05 (FAQ 02) is clicked | Sets the accordion_item_ custom state on the accordion group to the item number of Question 05, or resets it to 0 if it is already open (toggle behavior) |
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.