Faq 03

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.

Paste it into your Bubble canvas with Cmd + V (Mac) or Ctrl + V (Windows), or right-click on the canvas and select Paste.

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.

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.


License	Starter plan required
Plugins	None
Custom code	Not required

License

Starter plan required

Plugins

None

Custom code

Not required

Platform	Supported
Web	✅
Mobile	❌

Platform

Supported

Web

✅

Mobile

❌

Getting Started

All Products

Components

Templates

Legal

Overview

How to use

Open the Brikl panel

Copy the component

Paste into your editor

States

Responsive

Workflows

Requirements

Platforms

License

​Overview

​How to use

Open the Brikl panel

Copy the component

Paste into your editor

​States

​Responsive

​Workflows

​Requirements

​Platforms

​License

Overview

How to use

States

Responsive

Workflows

Requirements

Platforms

License