Help Center Group
Figma Component: 23347-189749
Last modified with commit 449aa34 on
by Sara Deric.
Help center archive page with accordion-based FAQ groups displaying categorized help topics. Optionally includes tab filters at the top to switch between trip types. Each group has expandable category titles containing question lists.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display optional tab filters | When enabled, shows horizontal tab group at top of page to filter FAQs by trip type (Collegium CRO). Active tab is highlighted with border and background. |
| system | Display FAQ group accordions | Shows multiple accordion groups. Each group has a title with a chevron/arrow icon that changes (rotates) to indicate open or closed state. Groups are collapsed by default. The component supports two accordion levels: top-level category groups and nested second-level groups (or question lists) so editors can group questions hierarchically when needed. |
| system | Expand/collapse group | Clicking group title expands to show list of questions within that category. Chevron icon rotates to indicate open/closed state. |
| system | Display questions within group | Each question displays as clickable row with title and chevron icon. Clicking navigates to full answer page. |
| system | Apply brand and trip type categories | FAQ categories and optional tab labels vary by brand and trip type (Collegium SL, Collegium CRO School/Individual/Experiences, Mondial, Cooltura). |
| editor | Configure optional tab filters | Optionally enable tab filters and set trip type tabs that appear at top of help center archive. |
| editor | Create FAQ groups | Set group title for each category. Add multiple questions with titles and URLs to each group. |
| editor | Configure brand archive | Select brand archive determines visible tabs, categories, and localized text. |
| user | Filter by trip type | If tabs are enabled, clicks tab at top to switch between different trip types and see relevant FAQ categories. |
| user | Browse help categories | Clicks group title to expand/collapse category. Clicks question to view full answer page. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop and mobile |  |
Is opened (Boolean)
| Value | Example |
|---|---|
| False |  |
| True |  |