Breadcrumb
  1. Home
  2. Design System
  3. Components
  4. Featured Items

Featured Items

Featured items promote currently relevant content.

Where it goes: Homepage only

Required or optional: Optional

Use:

  • To promote pages within the site or other HRSA sites
  • For news and announcements
     

Don’t use:

  • Outdated content that hasn’t been reviewed in the last six months
  • Main site sections (use Explore instead)
  • Files (link to the page with the file instead)
  • Links to non-government organization websites (including grantee sites)

Fields

Name of Field Required/Optional Case Number (min/max) Size Details

Heading

Required

 

1

 

Text is always “Featured”

Card

Required

 

2

   

  Image

Required

 

1 per card

429x169

 

  Title/Link

Required

Title case

1 per card

25-65 characters

 

  Description

Required

Sentence case

1 per card

75-175 characters

 

Example

Wide Screen

Two side-by-side sections, each having an image with a title and a blurb of text below it.

Medium screen

Same as the previous example image, but at a slightly narrower width.

Narrow screen

Two sections stacked one over the other, each having an image with a title and a blurb of text below it

Live Example

A Featured Items component displayed on a web page, with other content above and below it.
Date Last Reviewed: