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)

• Card link
• CTA
• Feature card

Back links (18)

CTA (5)

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

Card group (1)

• ...that allows adopters to display multiple Card components together in a grid

Card in card (2)

• Card in card component decorates our Card component, and provides CTA functionality to...
• ...The Image expands to full width while the 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 and...
• ...See Card for more

Card section carousel (2)

• ...section, Carousel components, and CTA Cards into a single section decorator that is made up...
• ...a single section decorator that is made up of Cards for the user to page

Card section offset (1)

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

Card section (2)

• ...section level component that displays a list of Cards with or without images. The left side container...
• ...while the right side includes an array of Card

Content group cards (1)

• ...It includes a section heading with any number of Card components listed

Feature card (2)

• Feature card component decorates Card. This
• This Card variation is slightly larger in nature, and is...

Resources

• r1: Box folder

---

See box folder ^[r1] for more details