> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/options/static-option-type/tab-element.md).

# Tab Element

The **Tab** element allows you to organize multiple sections of content within a single block using a tabbed layout — perfect for product descriptions, specifications, policies, or additional info.

Tabs help keep the product page clean and easy to navigate, especially when you have a lot of information to show.

***

<figure><img src="/files/YCKiEXcuUti6DjWnqZnr" alt=""><figcaption></figcaption></figure>

#### ⚙️ Basic Features:

Each **Tab** contains:

* **Tab Title**: The clickable label at the top of the tab (e.g., "Description", "Shipping", "Care Instructions").
* **Content Area**: This supports:
  * **Text formatting** (like in Paragraph elements)
  * **Images**
  * **Tables**
  * **HTML customizations**

You can add multiple tabs and reorder them as needed.

***

#### 🛠️ Advanced Settings:

* **Conditional Logic**: Show or hide the Tab element based on customer selections or logic rules.
* **HTML Class**: For custom styling using CSS.
* **Column Width**: Adjust the layout width of the Tab block on the page.

<figure><img src="/files/b4kxxmXPaf4y1Y94ik8I" alt=""><figcaption></figcaption></figure>

***

#### 💡 Use Cases:

* Organize product features vs specifications
* Separate care instructions, delivery info, and return policies
* Add product-related FAQs

📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email [**contact@globo.io**](mailto:contact@globo.io)**.**

We’re always here and happy to help — with sincerity and care!