---
title: "Upsell"
canonical: https://sky-ui.cf.sky.com/sections/upsell
---

# Upsell

Tabs are used to organise and switch between blocks of related content.

## 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** <br /> Fixed ratio image used to support Upsell message.

2. **[Section Heading](https://www.figma.com/design/Iuy4ttzO5BxHD7qE7zXN1s/Sky-UI---Components?node-id=42655-23272&m=dev)** <br /> The Centre Headline component provides additional information about the Upsell item.

3. **App Buttons (optional)** <br />Optional app download buttons for promoting app upsell messaging.

## Variants & States

- Breakpoint: Mobile, Desktop
- App buttons: on/off