Description
The Tease Row component lists articles, books, links, images, videos, podcasts, quotes, or people in a horizontal layout.
- Alignment Options: center, wide, full
- Color Themes: none
- Visible Content Fields: title, subtitle, CTA link, list of teases
- Instances per Page: none to multiple
How it Works
- Content editors select tease items to list and the number of items to display per row
- Title, subtitle, and CTA link are optional
Images
Component | Aspect Ratio (recommended) | Width (proportional) | Height (proportional) | Scaling Behavior |
---|---|---|---|---|
Tease Row – Article | 3:2 | Fixed* | Fixed* | Scales down proportionately on mobile—does not crop. |
Tease Row – Content | 3:2 | Fixed* | Fixed* | Scales down proportionately on mobile—does not crop. |
Tease Row – Person | 1:1 | Fixed* | Fixed* | Scales down proportionately on mobile—does not crop. |
Tease Row – Book | Use original book cover aspect ratio for images. | Fixed* | Fixed* | Scales down proportionately on mobile—does not crop. |
Tease Row – Participant Story | 1:1 | Fixed* | Fixed* | Scales down proportionately on mobile—does not crop. |
Tease Row – Podcast | 1:1 | Fixed* | Fixed* | Scales down proportionately on mobile—does not crop. |
*Images will auto-crop based on the limiting dimension.
Examples
Article Teases, 2-up
id: CB-020-000-06
data-region: cb__tease-row__article
Article Teases, 3-up
id: CB-020-000-06
data-region: cb__tease-row__article
Article Teases, 4-up
id: CB-020-000-06
data-region: cb__tease-row__article
Logo Teases, 4-up
id: CB-020-000-11
data-region: cb__tease-row__logo
Book Teases, 4-up
id: CB-020-000-07
data-region: cb__tease-row__book
Content Teases, 2-up with images
id: CB-020-000-08
data-region: cb__tease-row__content
Content Teases, 6-up with images
id: CB-020-000-08
data-region: cb__tease-row__content
Content Teases, 3-up with Kaltura videos
id: CB-020-000-05
data-region: cb__tease-row__kaltura
Content Teases, 4-up text only, large variant
id: CB-020-000-08
data-region: cb__tease-row__content
Content Teases, 4-up text only, small variant
id: CB-020-000-08
data-region: cb__tease-row__content
Person Teases, 8-up
id: CB-020-000-10
data-region: cb__tease-row__person
Participant Story Teases, 4-up
id: CB-020-000-12
data-region: cb__tease-row__participantstory
Podcast Teases, 4-up
id: CB-020-000-13
data-region: cb__tease-row__podcast
Quote Teases, 2-up
id: CB-020-000-14
data-region: cb__tease-row__quote