We use tabs to navigate between different, but related content. Tabs are commonly used on tool landing pages and on item detail pages.
Demo and Developer Guidelines


Tab Name

Tab names are 1-3 nouns that concisely describe the subject of the content they link to. They are title case without punctuation.
Default list page tabs in their respective order
Default detail page tabs in their respective order
Page tabs overflow menu open with selected option.


Tab States

Overflow Tab States

When tabs take up too much room (internationalization, browser window resizes, etc.) the tabs that cannot fit are rolled up into a dropdown menu. The selected tab is indicated in this menu with an orange underline and the selected menu item is blue.