Tabs

Tabs#

Mobile Tablet Desktop Full

Expand Tabs example to its full height Open Tabs example (opens in new tab)

Tabs with media left#

List layout mirrored — the media sits on the left.

Mobile Tablet Desktop Full

Expand Tabs with media left example to its full height Open Tabs with media left example (opens in new tab)

Tabs underline#

Centred tab bar with an underline above a content and media panel.

Mobile Tablet Desktop Full

Expand Tabs underline example to its full height Open Tabs underline example (opens in new tab)

Tabs boxed#

Outlined tab list beside an outlined panel.

Mobile Tablet Desktop Full

Expand Tabs boxed example to its full height Open Tabs boxed example (opens in new tab)

Tabs on a background#

On each background: light grey, primary, secondary, and dark grey full bleed

Mobile Tablet Desktop Full

Expand - Tabs on a background example to its full height Open - Tabs on a background example (opens in new tab)