Component Active

C016 Horizontal Tabs

Horizontal Tabs include a recommended 5-6 subject tabs across the top of the component area, with the ability to scroll horizontally to access more tabs when required. Other components are embedded inside the tabs to display copy, images or videos.

tabs

This component does not have captions

Component Detail

Horizontal Tabs contain a recommended 5-6 subject tabs across the top of the component area, with the ability to scroll horizontally to access more tabs. Content authors can embed any available components into each of the tabs. This component includes a headline above the tabs.

Interactions

On click or on tap, each tab can contain a combination of copy blocks, images or videos.

Specifications

Max Characters

Main Headline: 50 Tab

Title: 30

Regression Page

Usage Guidelines:

When to Use:

To chunk up content topics in effort to reduce scrolling

When to Avoid:

When more than seven topics are required, some of the tabs will be off-canvas (hidden from view), so consider another a visual navigation tile instead (VN001–VN003)

Alternative Options:

C005, VN001–VN003

Share Your Feedback