Overview
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 -

-
Section Headline (component)
The Section Headline component provides additional information about the Rail items below. -
Rail (What-to-watch) component
Customised Rail component, providing predefined Rail Items (see breakdown below). -
Navigation buttons
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 -

-
Image
Image placeholder at a 16:9 aspect ratio. -
Channel information (optional)
An overlay of channel logo and scrim. -
Copy
The copy for Rail items with a headline and time information.
Variants & States
- Appearance: Default, Light
- Breakpoint: Mobile, Desktop
- Clickable items: on/off
- Channel logos: on/off
Default, Clickable items ON, Channel logos ON

Light, Clickable items ON, Channel logos ON

Default, Clickable items ON, Channel logos OFF

Light, Clickable items ON, Channel logos OFF
