Promo banners are useful for displaying an image and text next to a call-to-action. It makes a full-width container that emphasizes information and provides a link to learn more.
Name Description
slot[name="media"] The slot for the image or video for the promo-banner
slot["cta"] The slot for calls to action for the promo-banner
part::(base) The base suite-surface element
part::(content) The wrapper around the header, description, and calls to action
part::(cta-header) The rendered suite-link component if the "header-href" attribute
part::(cta-wrapper) The wrapper around the cta slot
part::(description) The suite-text description element
part::(header) The suite-text header element
part::(media) The wrapper around the media slot
Default Promo Banner
See campus highlights The exterior of the Hall of Languages building in the summer.
Inverse Promo Banner Variant
See campus highlights The exterior of the Hall of Languages building in the summer.
News Article Variant
See campus highlights The exterior of the Hall of Languages building in the summer.
Inverse News Article Variant
See campus highlights The exterior of the Hall of Languages building in the summer.
Inverted Layout Promo Banner
See campus highlights The exterior of the Hall of Languages building in the summer.
Header Link Promo Banner
See campus highlights The exterior of the Hall of Languages building in the summer.