Card group

Card group

The card group component is a group of cards that contain content and actions about a single subject.

Component options

  • Card group heading — optional heading text
  • Layout — choose from 2, 3, or 4-column layout (or none)
  • Add tan background to cards
  • Display cards in flag format (image on left, text on right)
  • Display card headings in sans-serif font
  • Hide media on mobile
  • Display button or make entire card clickable

Cards with buttons

  • Default card

    Image
    A placeholder image

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

  • Default card without body text

    Image
    A placeholder image
  • Default card without media

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

Cards with tan background and sans-serif headings

  • Default card

    Image
    A placeholder image

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

  • Default card without body text

    Image
    A placeholder image
  • Default card without media

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

Flag layout cards

  • Default flag

    Image
    A placeholder image

    Lorem ipsum dolor sit amet consectetur adipisicing elit.

  • Default flag without body text

    Image
    A placeholder image

This page last reviewed on