Featured Content - Item

Provides a four-column layout to highlight features and benefits of a product, using images and a short description and a CTA button that navigates a user to a single internal page.

X

Featured Content - Item | Stryker

< BACK

Overview

Provides a way create a summary and highight 1 - 3 topics using an image, title and short description. Unlike the other "Featured Content" components, there is only a single CTA button and the content for each tile must be manually curated and authored.

Good to know:

  • Description: Required
  • Minimum number of tiles: 1
  • Maximum number of tiles: 3
  • Image source of tiles: Authorable
  • Text content: Authorable

Examples

Three tile presentation

Featured content description is meant to be a summary of the topics that will be highlighted in the other columns. It can only be plain text and a few sentences.

Featured Item 1
Featured Item 1

Featured Item 1 Description can only be plain text

Featured Item 2
Featured Item 2

Featured Item 2 Description can only be plain text

Featured Item 3
Featured Item 3

Featured Item 3 Description can only be plain text

CTA button

Two tile presentation

Featured content description is meant to be a summary of the topics that will be highlighted in the other columns. It can only be plain text and a few sentences.

Featured Item 1
Featured Item 1

Featured Item 1 Description can only be plain text

Featured Item 2
Featured Item 2

Featured Item 2 Description can only be plain text

CTA button

One tile presentation

Featured content description is meant to be a summary of the topics that will be highlighted in the other columns. It can only be plain text and a few sentences.

Featured Item 1
Featured Item 1

Featured Item 1 Description can only be plain text

CTA button

Recommended image sizes

Recommended image sizes

307 x 184 pixels

Featured Item 1
Featured Item 1

Featured Item 1 Description can only be plain text

Featured Item 2
Featured Item 2

Featured Item 2 Description can only be plain text

Featured Item 3
Featured Item 3

Featured Item 3 Description can only be plain text

Using mixed images sizes

Images are scaled to maintain horizontal alignment across the columns

Recommended size
Recommended size
Image smaller than recommended
Image smaller than recommended
Image larger than recommended
Image larger than recommended

Images with non-standard aspect ratios

Images are scaled to maintain horizontal alignment across the columns.

Standard aspect ratio
Standard aspect ratio
non-standard aspect ratio - Horizontal
non-standard aspect ratio - Horizontal
Non-standard aspect ratio - vertical
Non-standard aspect ratio - vertical

Video

How to create a featured content item component