See every variation of this pattern full size as it currently looks in AEM Cloud. Resize your browser to view breakpoint behavior.
Live AEM Examples
Accordion Wide
This is the default state for the FAQ V2 compound component in AEM. The Headline, accordion content and button group are aligned left, and this cannot be changed.
- Headline: REQUIRED IN AEM. For FAQs, this would read “Frequently asked questions. Characters:~30
- Accordion Subhead: REQUIRED IN AEM. For FAQs, write this in a question format, e.g.; “How long is the trial period?” Characters:~90
- Accordion Description: This element supports rich text formatting. Characters:~270
- CTAs: CTAs can be Primary Button, Secondary Button, Text CTA or none at all. Limit 2.
Accordion Narrow
In AEM, this is a separate variation named "Promotion". Choosing this variation indents the pattern on both sides, forces center alignment of Headline and Button group (while the Accordion content remains left-aligned), and provides the option of an Intro Description between the Headline and first accordion.
- Intro Description: Characters:~450
Frequently Asked Questions
While this is technically possible, it is strongly not recommended as the forced closing of a open accordion will make the user lose their position on the page.
As part of the Rich Text Editor, a very basic table (not our documented Table pattern) can be added as shown below. This has not been validated to display properly in all viewports.
| Column 1 | Column 2 | Column 3 |
| 123345 | 3415 | 898 |
Version
This information relates to Design v3.0 of this pattern.