Skip to content

Add stacked horizontal product cards component #15095

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
charleycampbell merged 20 commits into from
Jan 26, 2026
Merged

Add stacked horizontal product cards component #15095

charleycampbell merged 20 commits into from
Jan 26, 2026
+434 −10

Conversation

@emma-imber
Copy link
Contributor

@emma-imber emma-imber commented Jan 7, 2026 •
edited
Loading

What does this change?

Adds a new StackedCards component, using the Horizontal Product Summary Card.

Why?

As another variant for our At a Glance A/B/C test.

Screenshots

Breakpoint Light mode Dark mode
Mobile Screenshot 2026-01-20 at 12 42 48 Screenshot 2026-01-20 at 12 43 08
Desktop Screenshot 2026-01-20 at 12 44 28 Screenshot 2026-01-20 at 12 44 19

@emma-imber emma-imber added the run_chromatic Runs chromatic when label is applied label Jan 7, 2026
@emma-imber emma-imber changed the title Ei/add stacked horizontal cards Add stacked horizontal product cards Jan 7, 2026
@emma-imber emma-imber changed the title Add stacked horizontal product cards Add stacked horizontal product cards component Jan 7, 2026
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Jan 7, 2026
@emma-imber emma-imber added the feature Departmental tracking: work on a new feature label Jan 9, 2026
@github-actions
Copy link

github-actions bot commented Jan 12, 2026 •
edited
Loading

Deploy build 24138 of dotcom:rendering-all to CODE

All deployment options

From guardian/actions-riff-raff.

@emma-imber emma-imber marked this pull request as ready for review January 13, 2026 10:24
@github-actions
Copy link

github-actions bot commented Jan 13, 2026

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.

@github-actions
Copy link

github-actions bot commented Jan 13, 2026 •
edited
Loading

Deploy build 549 of dotcom:ab-testing to CODE

All deployment options

From guardian/actions-riff-raff.

@emma-imber emma-imber added the run_chromatic Runs chromatic when label is applied label Jan 13, 2026
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Jan 13, 2026
charleycampbell
charleycampbell approved these changes Jan 13, 2026
View reviewed changes
Copy link
Contributor

@charleycampbell charleycampbell left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me! Just one question but it's just out of curiosity than a blocker!

@emma-imber emma-imber force-pushed the ei/add-stacked-horizontal-cards branch from 96b3cca to 8ea9bba Compare January 20, 2026 10:42
@emma-imber emma-imber added the run_chromatic Runs chromatic when label is applied label Jan 20, 2026
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Jan 20, 2026
@emma-imber emma-imber force-pushed the ei/add-stacked-horizontal-cards branch from 0f4a204 to 3ebbc89 Compare January 21, 2026 11:19
@oliverabrahams oliverabrahams added the run_chromatic Runs chromatic when label is applied label Jan 26, 2026
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Jan 26, 2026
@charleycampbell charleycampbell merged commit 32ef6ab into main Jan 26, 2026
28 checks passed
@charleycampbell charleycampbell deleted the ei/add-stacked-horizontal-cards branch January 26, 2026 11:32
@gu-prout
Copy link

gu-prout bot commented Jan 26, 2026

Seen on PROD (created by @emma-imber and merged by @charleycampbell 7 minutes and 5 seconds ago) Please check your changes!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@oliverabrahams oliverabrahams oliverabrahams left review comments

@charleycampbell charleycampbell charleycampbell approved these changes

Assignees

No one assigned

Labels

feature Departmental tracking: work on a new feature Seen-on-PROD

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

4 participants

@emma-imber @oliverabrahams @charleycampbell