M10 Featured Article

Component Name

Featured Article

Description

Image, eyebrow and text that links to another resoruce such as a web page or embedded video including support for YouTube or Bilibili.

Configuration Options

Tab: Content

  • Eyebrow: Plain text field
  • Headline: Plain text field
  • Headline Capitalization: All Caps, No Transform, Title Case, Sentence Case
  • Text: Rich text editor
  • Text Color: Standard color options list

Tab: Link

  • Datasource Options: Link to internal/external page, Display internal using extract modal
  • Link Path: Content path picker/URL entry
  • Link Target: Same window, New window, Video Embed Modal
  • Link Color: Standard color options list

Tab: Background Image

  • Background Image Path: Asset path picker
  • Display Play Button Overlay: True/False
  • Fallback Background Color Hex Value: Plain text hex color entry

Style Options 

None

 

Sample Component Usage

Eyebrow Lorem ipsum dolor sit amet

Headline webpage example Lorem ipsum dolor sit amet consectetur adipiscing elit

Text field lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Eyebrow Lorem ipsum dolor sit amet

Headline extract modal example

Text field lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Eyebrow Lorem ipsum dolor sit amet

Headline custom text color example lorem ipsum dolor

Text field lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Eyebrow Lorem ipsum dolor sit amet

Headline YouTube player example lorem

Text field lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Eyebrow Lorem ipsum dolor sit amet

Headline bilibili player example lorem ipsum dolor

Text field lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.