> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/blocks/tab-list/tab.md).

# Tab

Tabs are a navigation element that allow users to easily access different areas of a site or different parts of an individual page.

<figure><img src="https://lh3.googleusercontent.com/RJMmlPa3NFSvRfV4GVMh0RYcLlRru4kKOVGywdrIZuthJe5jRunZ7HJk-j9KYwN-hZ-2retRl9Ar8F-T2hhTiAq3uXIKAPlryU7j7b9VWDwmvyttXwUaT_thsYic7ix7F-VVFRnNqyzgb66ZmXbp1F-mocZjUEmJpXboz1_878GwpGdFx9zuuKXdEpLZAw" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
The `tab` block only appears once you have added a `tab list` block
{% endhint %}

{% hint style="warning" %}
The `tab` block is to be used in tandem with the `tab content` block
{% endhint %}

{% hint style="info" %}
By default, The `tab` block contains a heading and a paragraph, which allows you to visually see the tabs and its content in the editor
{% endhint %}

{% hint style="info" %}
The `tab` block doesn’t constrict any of your design freedom and actually liberates you from dealing with interactions and classes etc.
{% endhint %}

To add a new `tab` block, select the `tab list` block and  click on the "+" icon in the toolbar.

<figure><img src="https://lh3.googleusercontent.com/uYNm-nKNlT04KJlNcZlG7l-rI1DYIPBNwe-49jUNkyZ41ayKJo3AFv3z5rVwi_O5cB7XdBxUwg-kCaPYFvMawXFpGR-zIZGRldq3W-jfAnK81YSWH2_h1TNlKQk-5S-803H0Cnlmj8HkUhtweWXT0QIM2jL749RnZlMlzrKaJN9y6yswrbppUS_K-cupmg" alt=""><figcaption></figcaption></figure>

<details>

<summary>Add</summary>

1. Select a tab list block
2. Open the <img src="/files/sHJscThWb2nW7KToY5IY" alt="" data-size="line"> Navigator
3. Select the ➕ ​​icon to add as many tabs as desired

</details>