---
title: Tabs
pubDate: 2026-08-17T09:53:44.266Z
antora:
  editUrl: https://github.com/couchbaselabs/docs-style-guide/edit/main/styleguide/modules/ROOT/pages/tabs.adoc
  xref: xref:styleguide::tabs.adoc[]
---

[Consult the llms.txt file for a full list of contents](/llms.txt)
[View original HTML](/styleguide/tabs.html)

# Tabs

A tab is a named clickable element in the UI. It appears in a horizontal sequence of other tabs.

Tabs never appear vertically.

A tab changes the information that's displayed the UI. This could be for the whole application, or for a specific section.

The UI highlights the currently selected tab for the user.

For example, the following are both tabs:

![tab example](_images/tab-example.png) 

![tab example 2](_images/tab-example-2.png) 

When you need to describe a tab in the UI:

* Refer to the tab by its name, followed by the word tab.  
For example, the **Data Tools** tab.
* Bold the tab name.
* If you need to tell the user to select a [Menu item](menus.md) after they select a tab, use the [Menu UI Macro](menu-ui-macro.md), instead.

> [!NOTE]
> A user selects a tab to open a page in the UI. For more information, see [Page](pages.md).