> 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-contents.md).

# Tab Contents

{% hint style="info" %}
By default, when added, the `tab contents` block includes a `tab content` block.
{% endhint %}

{% hint style="warning" %}
The `tab contents` block ID has to be entered in the Settings of the [Tab List](/blocks/tab-list.md) Block..
{% endhint %}

<figure><img src="https://lh6.googleusercontent.com/esQc04EBlyIhLxxT2zf7swpTfAdObTZV3DVPEu5WJIQoznTAs_Sxvj2Px87i6LmtgpmgpAAbkA8UD7EFAosidUaAwB_DvnfQ4sRNqEzOQNyP7h2O6IXx3QYM_PcvyQ_xGoeqYaCchcordlR0L2O8sCyxNsWY5QgbEpad_XXXcTYuWez69k_S81SNnOh8fw" alt=""><figcaption></figcaption></figure>

## Basics

The `tab contents` block allows you to display the content of the `tab` blocks contained in the `tab list`.

<figure><img src="https://lh4.googleusercontent.com/01jC_nL_yAPcighfnxHWuQpkb0VkOXJfLRwfvRtTTa-x8cq4lOEV8l45TJgmjDYEUdZDg2uboizaUqNzdj4PCSrYcngjvLw4vAxxDNT45RJXg4tKmH0pd_7fZGU_uGbyvrpeD3X3xNHb4ZJhVxlsb_rngB7fBOm9yQcbei18mmFibGMs8O4kab27mym5GA" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh4.googleusercontent.com/PNyvH12HCOoWTJQ7NM3XOOKOpzZIdmNIpoxv7jJN7DFr--qJGGezp2RY2qZF4CQnVoDYR2jpjL6PJCUML-5kcjNKBDc97fuUDXFYBwXIfsRzyV0TRCCx7hbbYPLsrMILRu-004cEeuxoBG2nWlCSQetKTGdZ9oZ34SDnOvCZd3J9HM91RDkhK9EdbTcYVQ" alt=""><figcaption></figcaption></figure>

<details>

<summary>Add</summary>

If you want to add a `tab list` outside any other block on the page:

1. Click on the ➕ ​​icon to open the Inserter Panel
2. Search for the <img src="/files/sHJscThWb2nW7KToY5IY" alt="" data-size="line"> `tab contents` block
3. Click on the <img src="/files/sHJscThWb2nW7KToY5IY" alt="" data-size="line"> `tab contents` block to insert it into your page

If you want to add a `list` inside a parent block:

1. Open the Quick Insert panel in the parent block
2. Search for the <img src="/files/sHJscThWb2nW7KToY5IY" alt="" data-size="line"> `tab contents` block
3. Click on the <img src="/files/sHJscThWb2nW7KToY5IY" alt="" data-size="line"> `tab contents` block to insert it into your parent block

</details>

## Tab Content

The `tab content` block contains the content of the respective `tab` block.

It is displayed in the `tab contents` block.

<figure><img src="https://lh6.googleusercontent.com/D6kbf39AouOlxUwvcdzqg8aHSDjQdX_np85Oh-0xfqkzs8Wokno7Eair5fkprAt4n3v6FSiiI2RUz9YoWpJqBr5nHnMxqtjez1jxrmwwhq5WlpyPwVFpLBVqs7LCZ6Q2iAcvGoFfR04w-Gs1Da_4FzBQbw9tCCYjo9Rha0aXGHi-haZJV93ZlzDmhiUjsw" alt=""><figcaption></figcaption></figure>

{% content-ref url="/pages/6nCr4OwNqmsrEJiZPnX4" %}
[Tab Content](/blocks/tab-contents/tab-content.md)
{% endcontent-ref %}
