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

Image
A placeholder image
Default card

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

Link text Default card without body text Default card without media Clickable cards (no buttons) Default card Default card with remote video and no body text Default card with remote video and no body text Default card without media Cards with tan background and sans-serif headings Flag layout cards Default flag

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Default flag without body text