Tabs 🗂

• 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