---
title: "Tabs"
manual: "How to Document"
version: "main"
permalink: "https://docs.typo3.org/permalink/h2document:rest-tabs"
source: "Reference/ReStructuredText/Content/Tabs.rst"
rendered: "2026-09-19T10:25:29+00:00"
---

# Tabs {#rest-tabs}

They provide a compact way to present a topic from different perspectives, with
each perspective presented in a tab. When the reader changes tabs, this change
is synchronized in all tab content elements.

For example, if the reader is guided through the TYPO3 installation with text
and five code blocks, they could switch from Bash to Powershell instructions
in the first code block, and all subsequent code blocks would also automatically
switch to Powershell.

**bash**

```bash
composer create-project typo3/cms-base-distribution:^11 example-project-directory
```

**powershell**

```powershell
composer create-project "typo3/cms-base-distribution:^11" example-project-directory
```

**bash**

```bash
touch example-project-directory/public/FIRST_INSTALL
```

**powershell**

```powershell
echo $null >> public/FIRST_INSTALL
```

```rst
..  tabs::

    ..  group-tab:: bash

        ..  code-block:: bash

            composer create-project typo3/cms-base-distribution:^11 example-project-directory

    ..  group-tab:: powershell

        ..  code-block:: powershell

            composer create-project "typo3/cms-base-distribution:^11" example-project-directory

..  tabs::

    ..  group-tab:: bash

        ..  code-block:: bash

            touch example-project-directory/public/FIRST_INSTALL

    ..  group-tab:: powershell

        ..  code-block:: powershell

            echo $null >> public/FIRST_INSTALL
```

As an example, tabs are used in the Getting Started Guide in the chapter
[Installation](https://docs.typo3.org/m/typo3/tutorial-getting-started/main/en-us/Installation/Install.html#install).