Tabs

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 GuidelinesFigma Component

Anatomy

Tab Name

Tab names are 1-3 nouns that concicely describe the subject of the content they link to. They are title case without punctuation.

Character count limit: 30
Default list page tabs in their respective order
Default detail page tabs in their respective order

Types

States

Behavior

Specifications

Styling