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
ImageLorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.
-
Default card without body text
Image -
Default card without media
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.
Clickable cards (no buttons)
-
Default card
ImageLorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.
-
Default card with remote video and no body text
-
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
ImageLorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.
-
Default card without body text
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
ImageLorem ipsum dolor sit amet consectetur adipisicing elit.
-
Default flag without body text
Image
This page last reviewed on