×îÐÂÂé¶¹ÊÓÆµ

Skip to main content
U.S. flag

An official website of the United States government

Here’s how you know

Dot gov

Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Https

Secure .gov websites use HTTPS
A lock (LockA locked padlock) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

Home
    • ×îÐÂÂé¶¹ÊÓÆµ
    • Health Info Lines
    • NIH Clinical Research Trials and You
    • Your Healthiest Self: Wellness Toolkits
    • Talking With Your Doctor or Health Care Provider
    • Grants & Funding
    • News & Events
    • News Releases
    • Digital Media Kits
    • NIH on Social Media
    • Media Contacts
    • Images and B-roll
    • NIH News Publications
    • Research & Training
    • Medical Research Initiatives
    • Science Highlights
    • Research in NIH Labs & Clinics
    • Training Opportunities
    • Library Resources
    • Research Resources
    • Clinical Research Resources
    • Safety, Regulation & Guidance
    • Lasker Clinical Research Scholars
    • Institutes at NIH
    • List of Institutes and Centers
    • NIH Office of the Director
    • Directors of NIH Institutes and Centers
    • NIH Institute and Center Contact Information
    • About NIH
    • Mission and Goals
    • Organization
    • The NIH Director
    • The NIH Almanac
    • NIH...Turning Discovery Into Health®
    • Impact of NIH Research
    • Science, Health, and Public Trust
    • Visitor Information
    • Get Involved at NIH
    • Contact Us
  • Virtual Tour

Breadcrumb

  1. Home
  2. Component Library
  • Accordion
  • Card group
  • Callout
  • Collection
  • Flip card group
  • Hero
  • Icon list
  • In-page navigation
  • Media
  • Media gallery
  • Promo block
  • Quotation
  • Row of columns
  • Teaser list
  • Text
  • Thumbnail teaser list

Teaser list

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

  • Default teaser

    A placeholder image
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.
  • Default teaser without body text

    A placeholder image
  • Default teaser without media

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

Teasers with sans-serif headings

  • Default teaser

    A placeholder image
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.
  • Default teaser without body text

    A placeholder image
  • Default teaser without media

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

This page last reviewed on March 12, 2025

Footer menu

  • NIH Home
  • Contact Us
  • Virtual Tour
  • Visitor Information
  • FAQs
  • NIH on Social Media
  • NIH Website Archives

×îÐÂÂé¶¹ÊÓÆµ

9000 Rockville Pike
Bethesda, Maryland 20892

NIH…Turning Discovery Into Health®

Follow Us

RSS

www.nih.gov

An official website of the

  • Privacy Policy
  • Disclaimers
  • Accessibility
  • Freedom of Information Act
  • Nondiscrimination Notice
Looking for U.S. government information and services?
Subir