Add stacked horizontal product cards component #15095
Conversation
emma-imber
changed the title
emma-imber
changed the title
|
Hello 👋! When you're ready to run Chromatic, please apply the You will need to reapply the label each time you want to run Chromatic. |
github-actions
bot
removed
the
run_chromatic
| <div css={informationContainer}> | ||
| <div | ||
| css={productCardHeading} | ||
| dangerouslySetInnerHTML={{ |
There was a problem hiding this comment.
How come we were able to remove this? Is it to do with the extractHeadingText?
There was a problem hiding this comment.
Yep exactly! We're able to do this because we're not passing in html any more, because of using extractHeadingText.
charleycampbell
left a comment
charleycampbell
left a comment
There was a problem hiding this comment.
Looks good to me! Just one question but it's just out of curiosity than a blocker!
| `, | ||
| ]} | ||
| > | ||
| <button |
There was a problem hiding this comment.
Could we use this component from the DS here? https://guardian.github.io/storybooks/?path=/docs/source_react-components-buttonlink--docs
There was a problem hiding this comment.
I know we haven't used the DS for the read more using the link but we should look into changing that
There was a problem hiding this comment.
Will have a look at using it!
There was a problem hiding this comment.
also could we add tracking to these clicks
What does this change?
Adds a new
StackedCardscomponent, using the Horizontal Product Summary Card.Why?
As another variant for our At a Glance A/B/C test.
Screenshots