⚠️ Traduction non officielle - Cette documentation est une traduction communautaire non officielle de Docker.

Onglets

Le composant onglets se compose de deux shortcodes :

  • {{< tabs >}}
  • {{< tab name="nom de l'onglet" >}}

Le shortcode {{< tabs >}} est un composant parent, enveloppant un certain nombre d'onglets. Chaque {{< tab >}} reçoit un nom à l'aide de l'attribut name.

Vous pouvez éventuellement spécifier un attribut group pour l'enveloppe tabs pour indiquer qu'une section d'onglets doit appartenir à un groupe d'onglets. Voir Groupes.

Exemple

console.log("hello world")
fmt.Println("hello world")

Balisage

{{< tabs >}}
{{< tab name="JavaScript" >}}

```js
console.log("hello world")
```

{{< /tab >}}
{{< tab name="Go" >}}

```go
fmt.Println("hello world")
```

{{< /tab >}}
{{< /tabs >}}

Groupes

Vous pouvez éventuellement spécifier un groupe d'onglets sur le shortcode tabs. Cela synchronisera la sélection d'onglets pour tous les onglets appartenant au même groupe.

Exemple de groupe d'onglets

L'exemple suivant montre deux sections d'onglets appartenant au même groupe.

console.log("hello world")
fmt.Println("hello world")
const res = await fetch("/users/1")
resp, err := http.Get("/users/1")