Contained cards with image, title, and link.

Display content in card format with configurable borders, responsive widths, and clickable behavior for navigation hubs and feature grids.

inline-text-overlay

16.0

10.0

9.0

16.0

style

u-sp-none, u-section-gap-none, rhea-section-container

card-usage

When to use

Feature grids — display multiple items in a row using columns. Each card links to a detail page.
Resource listings — downloads, articles, or tools presented as browsable cards.
Navigation hubs — visual sub-page links with images and descriptions.

Key decisions

Border style: Use card-border-primary-outlined for standard cards, card-border-none for minimal/flat style.
Clickable: Enable classes_cardClickable to make the entire card surface a link target.
Heading level: Use card-heading-h3 inside sections with an h2, card-heading-h2 for top-level cards.
Gap: card-gap-default for standard spacing, card-gap-small for dense layouts.

style

u-sp-default, rhea-section-container

card-options

All authoring options

Media

cardImage: DAM reference
cardImageAlt: alt text

Content fields

cardTitle: richtext heading
cardDescription: richtext body
cardLink: destination URL
cardLinkTarget: _blank for external

Layout

classes_cardHeadingLevel: card-heading-h2 | card-heading-h3 | card-heading-h4
cardGap: card-gap-default | card-gap-small | card-gap-large
classes_cardBorder: card-border-none | card-border-primary-outlined | card-border-primary-filled
classes_cardWidth: responsive width classes
classes_cardClickable: boolean

Analytics

trackInview: boolean
trackInview_meta: text
trackClick: boolean
trackClick_meta: text

style

u-sp-default, rhea-section-container