Build

Tabs

Description

Tabs organize related content into panels and enable visitors to navigate between them one at a time. Tabs can help decrease cognitive load by chunking content into scannable pieces instead of all being viewed all at once.

Component Preview

Dos and Don’ts

Do

  • Use when content can be logically separated into labeled sections
  • Use when visitors do not need to view all the sections at once

Don’t

  • Don’t use tabs as a form of page navigation.
  • Don’t use if users need to compare information in different tabs.