FAQ
Screening tools that help you hire
How do screening tools speed up the hiring process?
With screening tools, you reduce the time spent collecting potential candidate information, so you can quickly confirm the applications that meet your qualifications.Explore moreIf I set deal breakers, can I see my rejected applications?
When you select certain qualifications as deal breakers, you see top applications faster. You can always see all of your candidate's applications on the dashboard.Learn moreHow do voice or video screener options improve the interview process?
When you add the option for people to respond to questions by voice or video, you can listen to the recording to find the people who are the most engaged with your job post.
Content guidance
Usage
Expandable list of question/answer pairs sharing a single heading. Use for pricing pages, product feature pages, or anywhere a few common follow-up questions don't deserve their own section.
Layout
At desktop the heading sits in a left column (offset 2, span 9 of the 24-col grid) with the items in a right column (offset 12, span 9). Mobile collapses to a single column with heading above items.
Interaction
Each item is a native <details> element — the
browser handles expand/collapse, focus, and keyboard activation.
Items can be open independently; XDS uses radix accordion which
constrains to one-at-a-time, but for docs the looser behavior is
fine and saves the radix dependency.
The chevron is a CSS-only rotated border — no icon component
required. It rotates 180° via details[open].
Content shape
question — short headline phrased as a question.
answer — 1–3 sentences. Plain text or React children. (XDS source accepts JSON RichText; we accept ReactNode and skip the markup layer at v4.)
cta — optional chevron link below the answer.
Uses the theme primary at the strong grade so it
cascades with data-theme.
Variants
Background
background_color="background" Screening tools that help you hire
How do screening tools speed up the hiring process?
With screening tools, you reduce the time spent collecting potential candidate information, so you can quickly confirm the applications that meet your qualifications.Explore moreIf I set deal breakers, can I see my rejected applications?
When you select certain qualifications as deal breakers, you see top applications faster. You can always see all of your candidate's applications on the dashboard.Learn moreHow do voice or video screener options improve the interview process?
When you add the option for people to respond to questions by voice or video, you can listen to the recording to find the people who are the most engaged with your job post.
background_color="background.weaker" Screening tools that help you hire
How do screening tools speed up the hiring process?
With screening tools, you reduce the time spent collecting potential candidate information, so you can quickly confirm the applications that meet your qualifications.Explore moreIf I set deal breakers, can I see my rejected applications?
When you select certain qualifications as deal breakers, you see top applications faster. You can always see all of your candidate's applications on the dashboard.Learn moreHow do voice or video screener options improve the interview process?
When you add the option for people to respond to questions by voice or video, you can listen to the recording to find the people who are the most engaged with your job post.
Content model
| Field | Type | Choices / Reference | Default | Required | Multi | ||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Heading | Text | — | yes | — | |||||||||||||||||||||||||||||||
| Background Color | Dropdown | background (White), background.weaker (Light Gray (Neutral 100)) | background | — | — | ||||||||||||||||||||||||||||||
| Items | Group | — | — | yes | |||||||||||||||||||||||||||||||
items — nested schema
| |||||||||||||||||||||||||||||||||||