Card

Core UI component

The Card component takes Carbon tile component and adds an opinionated hierarchy of content to it. Most often it is used as a clickable tile, or Card link with or without an Image and just an icon for its call to action.

---

Dependencies (8)

• Carbon tile
• Link with icon
• Tag group
• Image
• Lightbox media viewer
• Markdown utility
• Carbon icons
• Carbon pictograms

Re-evaluate Lightbox media viewer dependency

Used by (3)

• CTA
• Card link
• Feature card

Back links (16)

CTA (4)

• card CTA style is our generic Card that take various forms
• ...| Set the data model and component to use: Card
• See Card
• feature CTA style is a larger version of Card with an image

Card group (1)

• Card components together in a grid

Card in card (2)

• Card in card component decorates our Card component, and
• Card’s content lays on the grid over the image. This...

Card link (2)

• link is a decorated Card by prescribing a specific data content
• See Card for more

Card section carousel (1)

• and CTA Cards into a single section decorator that is

Card section offset (1)

• ...additional resources via a CTA, and Card

Card section (2)

• Cards with or without images. The left side container...
• ...while the right side includes an array of Card

Content group cards (1)

• Card components listed

Feature card (2)

• Feature card component decorates Card. This
• This Card variation

Resources

• r1: Box folder

---

See box folder ^r1 for more details