Label
Name of tab
⭐️ Label should be logical enough for the user to predict what's in the tab
⭐️ Keep it short and sweet, 1-3 words
Pane
Where the content for the active tab is displayed
Usage
Tabs should be used as a sibling view to filter parent information
Style
How the active tab and inactive tabs differentiate visually
Structure
Parallel with each other, and spaced closely enough to appear connected
⭐️ Consider arrangement of tabs to be ordered by popularity or familiarity
⭐️ Each tab should behave the same in interaction
States
Tabs can be active and inactive
Last updated 2 years ago
Was this helpful?
