Teaser list

The teaser list component is a group of teasers that link to other content related to a common subject. Unlike cards, teasers do not have borders or the option for buttons.

Component options

  • Teaser list heading — optional heading text
  • Layout — choose from 2, 3, or 4-column layout (or none)
  • Display teaser headings in sans-serif font
  • Hide media on mobile

Teaser images are automatically cropped to a 3:2 aspect ratio.

Teasers

Image
A placeholder image
Default teaser

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

Default teaser Default teaser without body text Default teaser without body text Default teaser without media Default teaser without media Teasers with sans-serif headings