Card - carbon-design-system/carbon-for-ibm-dotcom-website GitHub Wiki

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.

image

Dependencies (8)

image Re-evaluate Lightbox media viewer dependency

Used by (3)

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


image See box folder r1 for more details

⚠️ **GitHub.com Fallback** ⚠️