[Figma] Card group (to test with Content block)

[RichKummer]

Resources

• Figma kit v2
• v1 design spec
• Storybook v1

Card group presents a collection of card components with multiple options for card type, grid mode, and offset. We're currently exploring a different styling for the CTA card that can appear in the Card group. This is a great case study for the grid modes Juan was exploring.

Note that in the live code, the height of each card is calculated based on the height of the tallest card in the collection.

v2 updates

• [ ] Updated color and type tokens to Carbon v11.
• [ ] Added new border to align with Carbon v11 tile accessibility updates.

Variant notes

• [ ] Grid modes available.
• [ ] Optional CTA card as the last in the set.
• [ ] Can add/remove cards in a row.
• [ ] Can change the card type – default, pictogram, static, card link
• [ ] Optional card in card can be displayed above the card group collection.

[oliviaflory]

Question: should this component rely on the layout templates from the IBMer Experience Library to handle the various grid modes?

Card group can accept ANY card type and can generally use any grid mode the designer wishes (other than static card)

• default
• • image
• pictogram
• logo
• static