Return to Sky UI homepage
Upsell

Overview

Purpose

The Upsell section is used for promotional content with short amount of copy. It also has built in App Download buttons for optional app upsell.

Anatomy

The Upsell section can be broken down into the following elements -

The component was downsized proportionally to fit into this documentation.

  1. 3:2 Image
    Fixed ratio image used to support Upsell message.

  2. Section Heading (component)
    The Section Heading component provides additional information about the Upsell item.

  3. App Buttons (optional)
    Optional app download buttons for promoting app upsell messaging.

Variants & States

  • Appearance: Default, Light
  • Breakpoint: Mobile, Desktop
  • App buttons: on/off
Default, App Buttons ON
Light, App Buttons ON
Default, App Buttons OFF
Light, App Buttons OFF