Skip to main content
On this page

Tabs

Tabs are a common component for displaying variant content in documentation websites.

Usage 

{{< tabs >}}
  {{< tab label="LABEL_A" >}}
  Content for LABEL_A
  {{< /tab >}}

  {{< tab label="LABEL_B" >}}
  Content for LABEL_B
  {{< /tab >}}
{{< /tabs >}}

Example 

{{< tabs >}}
  {{< tab label="macOS" >}}
  Install using Homebrew:

  ```bash
  brew install hugo
  ```
  {{< /tab >}}

  {{< tab label="Windows" >}}
  Install using Chocolatey:

  ```bash
  choco install hugo
  ```

  Or download the [official release](https://github.com/gohugoio/hugo/releases).
  {{< /tab >}}

  {{< tab label="Linux" >}}
  Install using a package manager, for example on Ubuntu:

  ```bash
  sudo apt install hugo
  ```
  {{< /tab >}}
{{< /tabs >}}

Install using Homebrew:

brew install hugo

Install using Chocolatey:

choco install hugo

Or download the official release.

Install using a package manager, for example on Ubuntu:

sudo apt install hugo