Tabs

Last updated on
13 April 2018

Use When

Too much information or too many kinds of information to fit on a single page.

A settings page which does not fit in the configuration section but has a related page with listed data.

Example

A navigation pattern primarily made for separating different 'views' on data and for different information spaces.

Usage

  • A group of configuration pages
  • A group of similar or related pages
  • A hub page to which other modules may add pages.
  • Navigation for a group of pages consisting of a central page (the hub) with related pages.

Recommendations

  • If the default tab is a listing, call the tab ‘List’.
  • Use a ‘List’ tab as first and default (left in left-to-right).
  • Use a ‘Settings’ tab as last.
  • Avoid more than 4 tabs, consider broader grouping.
  • Avoid secondary navigation. Secondary is less prominent. Important pages in secondary navigation may be overlooked.
  • Use distinctive text for the tabs. For example use ‘Recent’ and ‘Spam’ instead of ‘Recent content’ and ‘Spam content’.
  • Avoid using tabs for actions, there is a conceptual split in Drupal between local actions and tabs.

Help improve this page

Page status: No known problems

You can: