Media + Text Row Group
Hire the way your business works

Bring your hiring process online
Hiring speed isn't a luxury

Built for hiring managers, not recruiters
Content guidance
Usage
Stack of media + text rows under a single section header. Each row is its own self-contained pairing — heading, paragraph, CTA, and a media panel that can be an image, a video, a full-color callout, or a form. Use when you need 2–4 standalone story beats inside the same section.
Item variants
Row — Image — photographic or product-shot media beside the text. Full-bleed toggle removes the side padding so the image runs to the gutter.
Row — Callout — full-color statement card in place
of the image. Inherits the page subtheme's complementary-A strong
token; hue can override the cascade.
Row — Video — Wistia video embed. In this docs
preview we render the iframe directly; the production block goes
through XDS's VideoEmbed.
Row — Form — Marketo form embed. Renders a
placeholder here — the full Marketo primitive hasn't been ported
to xds-goodfun yet (see hero_form work-order entry).
Layout
align_first_media sets which side the first row's
media sits on; subsequent rows alternate. When the section header
has a heading, rows wrap in an XDS MediaTextRowGroup
so per-row headings drop to h3; without it, each row
keeps its own h2.
Variants
Align first media
align_first_media="start" Hire the way your business works

Bring your hiring process online
Hiring speed isn't a luxury

Built for hiring managers, not recruiters
align_first_media="end" Hire the way your business works

Bring your hiring process online
Hiring speed isn't a luxury

Built for hiring managers, not recruiters
Background
background_color="background" Hire the way your business works

Bring your hiring process online
Hiring speed isn't a luxury

Built for hiring managers, not recruiters
background_color="background.weaker" Hire the way your business works

Bring your hiring process online
Hiring speed isn't a luxury

Built for hiring managers, not recruiters
Content model
| Field | Type | Choices / Reference | Default | Required | Multi | ||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Section Header | Group | — | — | — | |||||||||||||||||||||||||
section_header — nested schema
| |||||||||||||||||||||||||||||
| Align First Media | Dropdown | start, end | start | — | — | ||||||||||||||||||||||||
| Items | Modular blocks | — | — | yes | |||||||||||||||||||||||||
| Background Color | Dropdown | background (White), background.weaker (Light Gray (Neutral 100)) | background | — | — | ||||||||||||||||||||||||