[Card group with static]: Update Storybook preview to include "Add CTA Link" boolean

Engineering info:

• Innovation Team engineer:
• Innovation Team JIRA Ticket: https://jsw.ibm.com/browse/HC-2469
• DPO consulting engineer: N/A

---

Description

• While ensembling an example of the Card Group component using Card with static variant, I noticed that the <dds-text-cta> component that’s being used is not aligned to the bottom of the card.
• This might be due to the fact that <dds-text-cta> might not be accounted for in the same height function that’s defined in the Card group component.
• <dds-text-cta> is used in place of <dds-card-cta-footer> because the static card variant doesn’t enable the whole card to be clickable, except for the CTA link.

Component(s) impacted

Card Group

Browser

Chrome, Safari, Firefox, Microsoft Edge

Carbon for IBM.com version

v.1.33

Severity

Severity 3 = The problem is visible or noticeable to users but does not impede the usability or functionality. Affects minor functionality, has a workaround.

Application/website

AEM

Package

@carbon/ibmdotcom-web-components

CodeSandbox example

https://codesandbox.io/s/sharp-hugle-ylz0gg?file=/index.html

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct

• I agree to follow this project’s Code of Conduct
• I checked the current issues for duplicate issues

[proeung]

FYI, @oliviaflory @kennylam

[oliviaflory]

Hi @proeung, thank you for the reminder.

I lean towards having the CTAs hidden by default due to the original intention of static cards being…static. The CTA was added after if I remember correctly. So if it’s ok with you I’d love to have the boolean option with “Add CTA”.