Onglets
Table des matières
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")