List View

List Views are a way to group similar events - E.g. Football games taking place on the same day. Each List View has a Header, with a list of fixtures below. The fixtures could be further grouped by using Subheaders.

States

  • Normal
  • Hover
  • Pressed

Variations

Narrow (new)

  • Pre-match, start time

01.ListItem2020-Mobile-prematch.png

  • Pre-match, countdown timer

02.ListItem2020-Mobile-prematch-starting-soon.png

  • Live, all sports with time

03.ListItem2020-Mobile-Live.png

  • Live, set sports

04.ListItem2020-Mobile-Live-Set-sport.png

Wide (new)

  • Pre-match, start time

01.ListItem2020-Desktop-prematch.png

  • Pre-match, countdown timer

02.ListItem2020-Desktop-prematch-starting-soon.png

  • Live, all sports with time

03.ListItem2020-Desktop-live.png.png

  • Live, set sports

04.ListItem2020-Desktop-live-set-sport.png

Narrow (deprecated in favour of the new List Items)

  • Pre-match, start time

  • Pre-match, countdown timer

  • Live, all sports with time

  • Live, set sports

  • Live, all sports

Wide (deprecated in favour of the new list items)

  • Pre-match, start time

  • Pre-match, countdown timer

  • Live, all sports with time

  • Live, Set sports

  • Live, all sports