Tabbed interface

The tabbed interface pattern separates related content into different panes that are viewable one at a time when the respective tab is clicked.

Overview

Desktop

Mobile

Usage

Check out the Canada.ca pattern for guidance on when and how to use the tabbed interface.

How we created this component- 4A assessment

We accepted this component and it can be found in the GC Design Library.