> For the complete documentation index, see [llms.txt](https://docs.klai.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.klai.studio/engineering-reference-docs/software-testing-overview/ux-ui-checklist/elements/tabs.md).

# 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