Tabs

Add tabs so you can display large blocks of related information without creating a long, hard-to-navigate page

A tab block is a single block with the option to add multiple tabs.

Each tab can contain multiple other blocks, of any type. So you can add code blocks, images, integration blocks and more to individual tabs in the same tab block.

Add or delete tabs

To add a new tab to a tab block, hover over the edge of a tab and click the + button that appears. To delete a tab, open the tab’s Options menu then select Delete.

Add, change, or delete tab item icons

To set an icon associated with a tab, open the tab's Options menu then select Set icon. Select the icon from an icon picker.

To change an icon, open the tab's Options menu then select Change icon. Then, select the icon from an icon picker.

To remove an icon, open the tab's Options menu then select Remove icon.

Example

Here is an example that lists instructions relevant to specific platforms:

Windows

Here are the instructions for Windows

macOS

Linux

Representation in Markdown

{% tabs %}

{% tab title="Windows" icon="windows" %} Here are the instructions for Windows {% endtab %}

{% tab title="macOS" icon="apple" %} Here are the instructions for macOS {% endtab %}

{% tab title="Linux" icon="linux" %} Here are the instructions for Linux {% endtab %}

{% endtabs %}