Overview

The tab filter organises related content and allows the user to search between groups of contextually related content, and move deeper into the topic and subtopics or entities. The tab filter appears on the news homepage, the news sub-topic page patterns.

Elements

1

2

3

5

View Code

• 1

  Tab filter strip
• 2

  Entity label
• 3

  Topic label
• 4

  Left chevron
• 5

  Right chevron

Variations

On the news homepage, the tab filter includes entities and topics. On the sub-topic page patterns, the tab filter shows only topics.

Behaviours

By default, a chevron appears on the right for users to move through available options. As the user begins scrolling, a chevron appears to the left to allow them to move backward through the tabs.

Recommendations

Add content strategy guidelines and editorial rules here.