The FAQs section displays frequently asked questions in a collapsible format, allowing customers to quickly find answers without overwhelming the page with long content.
This section is commonly used for product information, shipping, payments, policies, and customer support.
The section header is used to introduce the FAQ content and provide context for users.
You can build the header using Heading, along with Sub text or Text for a short description.
Use Spacer to adjust spacing between elements and keep the layout clean.
To guide users to additional help or related pages, you can add a Button or Group button to display one or multiple call-to-action links.
Each Collapsible row represents a single question and its corresponding answer.
Rows can be expanded or collapsed individually, helping users focus on the information they need.
Inside a collapsible row, you can structure the answer using multiple content blocks:
Heading and Sub text to organize and highlight important information
Text for the main answer content
Icon and Image to visually support the explanation
Spacer to control spacing between blocks
Button or Group button to link to related pages or actions
Countdown timer box displays the timer in a boxed layout, suitable for promotions or time-limited notices, while Countdown timer inline displays the timer inline with text for a more compact presentation.