Q&A Collection
A Q&A collection has multiple question and answer pairs. You can use an overarching heading and description to contextualize content. There are two layout options: center aligned and left aligned. Left aligned is recommended for longer questions and answers. You can also choose to display or hide the “question” and “answer” labels.
Use a Q&A collection to feature a few commonly asked questions and answers; ideally four or less. This component works best for succinct question-answer pairs.
Centered Q&A Collection
What alignment style does this example use?
This example Q&A pair is centered.
Does this example have a CTA?
No, this example Q&A pair does not have a CTA.
Does this example use labels?
Yes, this example Q&A pair does use labels.
Left-Aligned Q&A Collection
This Q&A collection has a section description and a gray background.
What alignment style does this example use?
This example Q&A pair is left-aligned.
Does this example have a CTA?
No, this example Q&A pair does not have a CTA.
Does this example use labels?
No, this example Q&A pair does not use labels.
Centered Q&A Collection
This Q&A collection has a section description and a CTA button.
What alignment style does this example use?
Does this example have a CTA?
Does this example use labels?
Left-Aligned Q&A Collection
This Q&A collection has a section description and a CTA button.