FAQ
The FAQ module is meant to give the user quick access to information that might be common for users to wonder on that specific page
Table of Contents
Edit this section, Opens in new windowUsage
The FAQ module is meant to give the user quick access to information that might be common for users to wonder on that specific page. Since the module is quite small, it can be placed where deemed necessary, especially where we previously have used expandable components before.
Maximum number of rows on the module is set to 8 due to usability of the component.
Do not put excessive text in the component as its meant to quickly give user the answer, try to keep information in the FAQ to maximum 4-5 lines. If not possible its better to include a link to the page where the user can read the full information.
On backgrounds
To be used on BE 5, LIGHTEST BEIGE - BE 3, LIGHT BEIGE, only for text and link content, no length restriction for now.
Principles
Sizing
The FAQ Component width is set in the default grid columns, depending on breakpoints:
Breakpoint | Columns |
---|---|
Up to 960px/60rem/Small | 12 |
960px/60rem/Small | 11 |
1440px/90rem/Large | 10 |
1920px/120rem/Extra Large | 9 |