---
title: "What to Watch"
canonical: https://sky-ui.cf.sky.com/sections/what-to-watch
---

# What to Watch

Used to showcase current shows available on various channels.

## Purpose

The What-to-watch section is used to showcase current shows available on various channels.

## Anatomy

The What-to-watch section can be broken down into the following elements -

1. **[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 Rail items below.

2. **Rail (What-to-watch) component**<br />Customised Rail component, providing predefined Rail Items (see breakdown below).

3. **Navigation buttons**<br />As part of the Rail (What-to-watch) component on Desktop.

## Rail Item (What-to-watch) Anatomy

The RTB can be broken down into the following elements -

1. **Image**<br />Image placeholder at a 16:9 aspect ratio.

2. **Channel information (optional)**<br />An overlay of channel logo and scrim.

3. **Copy**<br />The copy for Rail items with a headline and time information.

## Variants & States

- Breakpoint: Mobile, Desktop
- Clickable items: on/off
- Channel logos: on/off

**Default, Clickable items ON, Channel logos ON**
    
  **Light, Clickable items OFF, Channel logos OFF**